Off-white to blue linear gradient

Linear gradient, 7 colors at 90°: #f4eed8, #d9e5c9, #aad6c6, #83bec5, #609eb0, #387b90, #17647a. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#f4eed8
#d9e5c9
#aad6c6
#83bec5
#609eb0
#387b90
#17647a

CSS

background: linear-gradient(90deg in oklch, oklch(94.88% 0.0303 94.22) 0.0%, oklch(90.49% 0.0391 126.47) 16.7%, oklch(84.05% 0.0514 171.05) 33.3%, oklch(76.38% 0.0620 205.18) 50.0%, oklch(66.26% 0.0693 218.41) 66.7%, oklch(54.91% 0.0748 221.19) 83.3%, oklch(46.85% 0.0785 222.09) 100.0%);

In these collections

Between tides Sky