Glacier Melt Diagonal

Duotone light blue to teal color palette

This diagonal gradient moves through pale periwinkle, icy cyan, cool green, deep teal, and dark blue-green. Linear gradient, 32 colors at 60°: #b9cefc, #62b8d2, #1b947d, #0d6b56, #07473d. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#b9cefc
#b3ccfa
#abcaf7
#a1c7f4
#97c5ef
#8bc2ea
#7ebfe3
#70bcdb
#62b8d2
#54b5c8
#46b1bd
#3aacb1
#2fa8a5
#27a399
#219e8f
#1e9985
#1b947d
#1a8f75
#18896f
#168369
#147d63
#12775e
#10715a
#0d6b56
#0b6552
#0a604e
#095a4b
#095548
#085145
#084d42
#084a40
#07473d

CSS

background: linear-gradient(60deg in oklch, oklch(85.04% 0.0689 265.78) 0.0%, oklch(84.15% 0.0704 262.38) 3.2%, oklch(83.09% 0.0725 258.01) 6.5%, oklch(81.86% 0.0750 252.81) 9.7%, oklch(80.48% 0.0779 246.93) 12.9%, oklch(78.99% 0.0810 240.51) 16.1%, oklch(77.38% 0.0843 233.70) 19.4%, oklch(75.70% 0.0877 226.64) 22.6%, oklch(73.94% 0.0911 219.47) 25.8%, oklch(72.14% 0.0943 212.35) 29.0%, oklch(70.31% 0.0974 205.41) 32.3%, oklch(68.48% 0.1001 198.80) 35.5%, oklch(66.65% 0.1025 192.66) 38.7%, oklch(64.86% 0.1043 187.14) 41.9%, oklch(63.11% 0.1056 182.39) 45.2%, oklch(61.44% 0.1061 178.55) 48.4%, oklch(59.82% 0.1059 175.71) 51.6%, oklch(58.14% 0.1049 173.64) 54.8%, oklch(56.38% 0.1031 172.22) 58.1%, oklch(54.57% 0.1008 171.38) 61.3%, oklch(52.72% 0.0979 171.05) 64.5%, oklch(50.85% 0.0947 171.14) 67.7%, oklch(48.99% 0.0911 171.58) 71.0%, oklch(47.16% 0.0873 172.31) 74.2%, oklch(45.37% 0.0835 173.23) 77.4%, oklch(43.64% 0.0796 174.29) 80.6%, oklch(42.01% 0.0758 175.40) 83.9%, oklch(40.48% 0.0723 176.49) 87.1%, oklch(39.07% 0.0690 177.48) 90.3%, oklch(37.82% 0.0661 178.30) 93.5%, oklch(36.73% 0.0638 178.87) 96.8%, oklch(35.83% 0.0620 179.13) 100.0%);

In these collections

Ice gradients