Seamless rainbow linear gradient

Linear gradient, 8 colors at 90°: #00c3c3, #006ace, #964cee, #ea2f37, #f27d00, #efcc37, #46b429, #00c3c4. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

#00c3c3
#006ace
#964cee
#ea2f37
#f27d00
#efcc37
#46b429
#00c3c4

CSS

background: linear-gradient(90deg in oklch, oklch(74.02% 0.1263 194.77) 0.0%, oklch(53.15% 0.1752 255.02) 14.3%, oklch(59.06% 0.2301 300.44) 28.6%, oklch(61.02% 0.2205 24.98) 42.9%, oklch(70.87% 0.1764 54.55) 57.1%, oklch(85.04% 0.1598 94.73) 71.4%, oklch(68.11% 0.1998 140.17) 85.7%, oklch(74.02% 0.1263 195.12) 100.0%);

In these collections

Rainbow gradients