Light blue, green, teal and dark green linear gradient

Linear gradient, 7 colors at 90°: #b1eed7, #102b4f, #00947c, #00f3d2, #34aebf, #144125, #0a320a. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#b1eed7
#102b4f
#00947c
#00f3d2
#34aebf
#144125
#0a320a

CSS

background: linear-gradient(90deg in oklch, oklch(90.16% 0.0689 169.45) 0.0%, oklch(28.83% 0.0741 257.17) 16.7%, oklch(59.54% 0.1115 175.79) 33.3%, oklch(86.30% 0.1587 178.10) 50.0%, oklch(69.32% 0.1061 207.97) 66.7%, oklch(33.69% 0.0707 152.44) 83.3%, oklch(27.95% 0.0799 143.03) 100.0%);

In these collections

Blue and green swatches