$colors : #fedc00 0,
      #fedc00 1/18 * 100%,
      #fcb712 0,
      #fcb712 2/18 * 100%,
      #f7921e 0,
      #f7921e 3/18 * 100%,
      #e87f24 0,
      #e87f24 4/18 * 100%,
      #dd6227 0,
      #dd6227 5/18 * 100%,
      #dc4c27 0,
      #dc4c27 6/18 * 100%,
      #ca3435 0,
      #ca3435 7/18 * 100%,
      #b82841 0,
      #b82841 8/18 * 100%,
      #953751 0,
      #953751 9/18 * 100%,
      #364c88 0,
      #364c88 10/18 * 100%,
      #16599d 0,
      #16599d 11/18 * 100%,
      #02609e 0,
      #02609e 12/18 * 100%,
      #0073a9 0,
      #0073a9 13/18 * 100%,
      #008aa4 0,
      #008aa4 14/18 * 100%,
      #239a87 0,
      #239a87 15/18 * 100%,
      #7cba6d 0,
      #7cba6d 16/18 * 100%,
      #becc2f 0,
      #becc2f 17/18 * 100%,
      #e0d81d 0,
      #e0d81d 18/18 * 100%;

// $colors : #fedc00, #fcb712, #f7921e, #e87f24, #dd6227, #dc4c27, #ca3435, #b82841, #953751, #364c88, #16599d, #02609e, #0073a9, #008aa4, #239a87, #7cba6d, #becc2f, #e0d81d;

body {
  background: 
    repeating-radial-gradient(circle at bottom left, $colors),
    repeating-radial-gradient(circle at bottom right, $colors);
  background-blend-mode: overlay;
  height: 100vh;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.