Analogous light blue, teal and blue linear gradient

Linear gradient, 7 colors at 90°: #f4ffff, #bdf7f1, #7ae7d4, #4ed1be, #20b5ae, #008ca0, #1a6a8e. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#f4ffff
#bdf7f1
#7ae7d4
#4ed1be
#20b5ae
#008ca0
#1a6a8e

CSS

background: linear-gradient(90deg in oklch, oklch(99.21% 0.0112 196.95) 0.0%, oklch(93.50% 0.0586 188.42) 16.7%, oklch(85.83% 0.1047 181.02) 33.3%, oklch(78.40% 0.1174 181.55) 50.0%, oklch(70.08% 0.1157 189.48) 66.7%, oklch(58.86% 0.1024 211.68) 83.3%, oklch(49.61% 0.0923 232.80) 100.0%);

In these collections

Gummy candy swatches