Cool light blue, blue, teal and navy linear gradient

Linear gradient, 7 colors at 90°: #e3fdff, #277483, #435983, #3598a7, #65b280, #137885, #141f59. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#e3fdff
#277483
#435983
#3598a7
#65b280
#137885
#141f59

CSS

background: linear-gradient(90deg in oklch, oklch(97.64% 0.0272 201.77) 0.0%, oklch(51.95% 0.0769 212.87) 16.7%, oklch(46.54% 0.0729 261.72) 33.3%, oklch(62.87% 0.0918 209.99) 50.0%, oklch(69.93% 0.1062 154.40) 66.7%, oklch(52.64% 0.0862 208.85) 83.3%, oklch(27.17% 0.1047 269.43) 100.0%);

In these collections

Ocean swatches