Light blue, dark green, navy and teal linear gradient

Linear gradient, 7 colors at 90°: #96cdfa, #3f8f7c, #354205, #002b24, #042e4b, #0088a1, #36f5cb. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#96cdfa
#3f8f7c
#354205
#002b24
#042e4b
#0088a1
#36f5cb

CSS

background: linear-gradient(90deg in oklch, oklch(82.68% 0.0854 243.98) 0.0%, oklch(59.45% 0.0841 174.97) 16.7%, oklch(35.43% 0.0813 121.40) 33.3%, oklch(25.73% 0.0467 179.99) 50.0%, oklch(29.13% 0.0689 245.04) 66.7%, oklch(57.68% 0.1029 216.85) 83.3%, oklch(87.01% 0.1571 173.18) 100.0%);

In these collections

Blue and green gradients