Vivid blue, green, brown and beige linear gradient

Linear gradient, 7 colors at 90°: #044cab, #006771, #467718, #9d750d, #c89a4f, #e8d485, #fcffb2. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#044cab
#006771
#467718
#9d750d
#c89a4f
#e8d485
#fcffb2

CSS

background: linear-gradient(90deg in oklch, oklch(44.09% 0.1654 258.75) 0.0%, oklch(46.96% 0.0803 205.81) 16.7%, oklch(51.43% 0.1328 133.35) 33.3%, oklch(58.66% 0.1171 83.33) 50.0%, oklch(71.41% 0.1078 78.16) 66.7%, oklch(86.91% 0.1018 95.42) 83.3%, oklch(98.03% 0.0972 109.74) 100.0%);

In these collections

Yellow and blue gradients