Duotone navy to light green linear gradient

Linear gradient, 7 colors at 90°: #10284d, #2b5478, #518ca3, #83c1c0, #ace2ca, #c4e5b9, #c6d19b. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#10284d
#2b5478
#518ca3
#83c1c0
#ace2ca
#c4e5b9
#c6d19b

CSS

background: linear-gradient(90deg in oklch, oklch(27.95% 0.0758 259.45) 0.0%, oklch(43.32% 0.0756 246.97) 16.7%, oklch(60.94% 0.0709 224.70) 33.3%, oklch(76.77% 0.0634 194.99) 50.0%, oklch(86.95% 0.0656 165.52) 66.7%, oklch(88.67% 0.0691 138.12) 83.3%, oklch(83.86% 0.0717 116.79) 100.0%);

In these collections

Jade rabbit moonlight