Cool light blue, teal and dark green linear gradient

Linear gradient, 7 colors at 90°: #c1ecfe, #87d8f2, #4cc1dd, #1da9c0, #00958e, #12735c, #134d38. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#c1ecfe
#87d8f2
#4cc1dd
#1da9c0
#00958e
#12735c
#134d38

CSS

background: linear-gradient(90deg in oklch, oklch(91.73% 0.0510 225.70) 0.0%, oklch(84.02% 0.0871 220.15) 16.7%, oklch(75.56% 0.1105 216.31) 33.3%, oklch(67.72% 0.1130 211.97) 50.0%, oklch(60.31% 0.1045 188.99) 66.7%, oklch(49.66% 0.0918 171.57) 83.3%, oklch(37.80% 0.0703 164.41) 100.0%);

In these collections

Blue and green gradients