Rainbow linear gradient

Linear gradient, 7 colors at 90°: #7897ac, #96b9d8, #99dbfb, #7bd193, #df7400, #ad39aa, #1544d0. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#7897ac
#96b9d8
#99dbfb
#7bd193
#df7400
#ad39aa
#1544d0

CSS

background: linear-gradient(90deg in oklch, oklch(66.14% 0.0469 238.36) 0.0%, oklch(77.17% 0.0580 245.03) 16.7%, oklch(85.83% 0.0799 229.91) 33.3%, oklch(78.91% 0.1213 151.64) 50.0%, oklch(66.93% 0.1647 55.52) 66.7%, oklch(55.31% 0.1983 329.09) 83.3%, oklch(46.06% 0.2205 264.43) 100.0%);