Cool light blue, navy, teal and blue linear gradient

Cool light blue, navy, teal and blue color palette

Linear gradient, 7 colors at 90°: #c7e0e6, #0a396a, #020526, #176274, #7be3d7, #70caf5, #122694. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#c7e0e6
#0a396a
#020526
#176274
#7be3d7
#70caf5
#122694

CSS

background: linear-gradient(90deg in oklch, oklch(88.98% 0.0276 213.75) 0.0%, oklch(34.37% 0.0982 253.66) 16.7%, oklch(14.26% 0.0705 267.49) 33.3%, oklch(46.16% 0.0750 218.04) 50.0%, oklch(84.92% 0.0985 186.04) 66.7%, oklch(79.87% 0.1061 230.92) 83.3%, oklch(34.65% 0.1778 266.59) 100.0%);