Rainbow linear gradient

Linear gradient, 7 colors at 90°: #eea224, #9a4266, #102d5e, #268164, #dcc26c, #ebaa5c, #cf8833. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#eea224
#9a4266
#102d5e
#268164
#dcc26c
#ebaa5c
#cf8833

CSS

background: linear-gradient(90deg in oklch, oklch(76.77% 0.1543 73.13) 0.0%, oklch(50.54% 0.1230 356.91) 16.7%, oklch(30.71% 0.0937 259.82) 33.3%, oklch(54.26% 0.0969 167.15) 50.0%, oklch(81.89% 0.1102 92.85) 66.7%, oklch(78.40% 0.1216 69.21) 83.3%, oklch(68.50% 0.1309 66.43) 100.0%);