Blue, gray and navy linear gradient

Linear gradient, 7 colors at 90°: #0399aa, #4e7fa3, #90a4bc, #ddeaf4, #495e7f, #13235e, #2a49a0. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#0399aa
#4e7fa3
#90a4bc
#ddeaf4
#495e7f
#13235e
#2a49a0

CSS

background: linear-gradient(90deg in oklch, oklch(62.60% 0.1075 208.83) 0.0%, oklch(57.60% 0.0765 241.74) 16.7%, oklch(71.20% 0.0414 252.98) 33.3%, oklch(92.91% 0.0193 241.59) 50.0%, oklch(47.93% 0.0588 258.22) 66.7%, oklch(28.30% 0.1072 267.69) 83.3%, oklch(43.31% 0.1461 265.89) 100.0%);

In these collections

Cool blue swatches