<div></div>
        div {
  height: 400px;
  width: 400px;
  margin: 0 auto;
}
div {
  background: repeating-conic-gradient(red 0deg 15deg, green 10deg 30deg),
    radial-gradient(circle at 50% 40%, #fcfcfc, #efeff1 66%, #9b5050 100%);
  border-radius: 50%;
}
            
              View Compiled
            
        This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.