Rainbow from beige to yellow linear gradient

Linear gradient, 7 colors at 90°: #f4e6c7, #ee9d4c, #d61f31, #6a1066, #162b59, #008768, #f2c62e. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#f4e6c7
#ee9d4c
#d61f31
#6a1066
#162b59
#008768
#f2c62e

CSS

background: linear-gradient(90deg in oklch, oklch(92.91% 0.0441 87.19) 0.0%, oklch(76.25% 0.1360 63.01) 16.7%, oklch(56.30% 0.2122 23.78) 33.3%, oklch(37.43% 0.1554 330.35) 50.0%, oklch(29.92% 0.0868 263.31) 66.7%, oklch(55.44% 0.1102 169.65) 83.3%, oklch(84.25% 0.1612 91.06) 100.0%);

In these collections

Zine colors