Cool light blue, blue and navy linear gradient

Linear gradient, 7 colors at 90°: #97e8f1, #57cae8, #00a4e0, #0079d4, #234dba, #2f2888, #280f58. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#97e8f1
#57cae8
#00a4e0
#0079d4
#234dba
#2f2888
#280f58

CSS

background: linear-gradient(90deg in oklch, oklch(88.19% 0.0799 205.31) 0.0%, oklch(78.55% 0.1111 217.56) 16.7%, oklch(67.63% 0.1409 233.66) 33.3%, oklch(57.09% 0.1650 250.77) 50.0%, oklch(46.25% 0.1783 264.33) 66.7%, oklch(35.32% 0.1540 278.27) 83.3%, oklch(25.98% 0.1199 290.91) 100.0%);

In these collections

Weather map gradients