Rainbow linear gradient

Linear gradient, 8 colors at 90°: #000036, #8e009e, #ff6318, #ffe687, #dcffb1, #3db641, #012f8c, #000c31. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

#000036
#8e009e
#ff6318
#ffe687
#dcffb1
#3db641
#012f8c
#000c31

CSS

background: linear-gradient(90deg in oklch, oklch(15.08% 0.1045 264.05) 0.0%, oklch(46.47% 0.2197 322.85) 14.3%, oklch(69.29% 0.2043 41.05) 28.6%, oklch(92.52% 0.1185 94.95) 42.9%, oklch(95.67% 0.1073 127.70) 57.1%, oklch(68.50% 0.1902 143.55) 71.4%, oklch(35.04% 0.1598 261.91) 85.7%, oklch(17.35% 0.0765 261.32) 100.0%);

In these collections

Color wheel swatches