Navy to orange linear gradient

Linear gradient, 6 colors at 180°: #233767, #414e86, #815488, #cb6166, #ec8b4b, #f2c25e. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#233767
#414e86
#815488
#cb6166
#ec8b4b
#f2c25e

CSS

background: linear-gradient(180deg in oklch, oklch(34.65% 0.0882 265.08) 0.0%, oklch(44.09% 0.0937 272.48) 20.0%, oklch(51.57% 0.0951 322.14) 40.0%, oklch(62.20% 0.1350 19.21) 60.0%, oklch(72.83% 0.1419 51.97) 80.0%, oklch(83.86% 0.1295 83.67) 100.0%);

In these collections

Sky