circle with 4 colors css

1#circle {
2  width: 120px;
3  height: 120px;
4  background: linear-gradient(45deg, lightblue, lightblue), linear-gradient(135deg, lightgreen, lightgreen), linear-gradient(225deg, #F0E68C, #F0E68C) , linear-gradient(225deg, #F08080, #F08080);
5  background-size: 50% 50%;
6  background-position: 0% 0%, 0% 100%, 100% 0%, 100% 100%;
7  background-repeat: no-repeat;
8  border-radius: 50%;
9}