Analogous teal, light blue and white linear gradient

Analogous teal, light blue and white palette with 32 colors. #0f3f46, #29788c, #5daccf, #a2d2f4, #f9f7ff. Edit and export CSS, SVG, PNG or a shader.

32 colors, 5 editable OKLCH keyframes.

#0f3f46
#10434b
#124952
#15505b
#185864
#1c606e
#206979
#247183
#29788c
#2e7f95
#33869d
#388ca6
#3e93af
#4599b8
#4ca0c0
#54a6c8
#5daccf
#65b2d5
#6eb8db
#78bee0
#81c3e5
#8cc8ea
#96cdef
#a2d2f4
#aed7f8
#bddbfc
#cbe0fe
#d9e5ff
#e5eaff
#eeefff
#f4f3ff
#f9f7ff

CSS

background: linear-gradient(180deg in oklch, oklch(33.86% 0.0510 210.23) 0.0%, oklch(35.39% 0.0534 210.80) 3.2%, oklch(37.44% 0.0568 211.54) 6.5%, oklch(39.89% 0.0608 212.41) 9.7%, oklch(42.60% 0.0651 213.40) 12.9%, oklch(45.43% 0.0696 214.47) 16.1%, oklch(48.25% 0.0738 215.60) 19.4%, oklch(50.92% 0.0776 216.76) 22.6%, oklch(53.33% 0.0806 217.92) 25.8%, oklch(55.62% 0.0834 219.14) 29.0%, oklch(57.87% 0.0862 220.44) 32.3%, oklch(60.09% 0.0888 221.79) 35.5%, oklch(62.28% 0.0910 223.18) 38.7%, oklch(64.44% 0.0927 224.60) 41.9%, oklch(66.56% 0.0938 226.04) 45.2%, oklch(68.65% 0.0940 227.48) 48.4%, oklch(70.71% 0.0932 228.83) 51.6%, oklch(72.73% 0.0916 229.73) 54.8%, oklch(74.71% 0.0893 230.34) 58.1%, oklch(76.66% 0.0863 230.95) 61.3%, oklch(78.58% 0.0827 231.83) 64.5%, oklch(80.48% 0.0785 233.25) 67.7%, oklch(82.34% 0.0739 235.48) 71.0%, oklch(84.19% 0.0688 238.79) 74.2%, oklch(86.06% 0.0630 243.66) 77.4%, oklch(88.04% 0.0557 250.38) 80.6%, oklch(90.06% 0.0474 258.35) 83.9%, oklch(92.03% 0.0380 266.93) 87.1%, oklch(93.90% 0.0292 275.50) 90.3%, oklch(95.57% 0.0217 283.42) 93.5%, oklch(96.97% 0.0153 290.06) 96.8%, oklch(98.03% 0.0103 294.79) 100.0%);

In these collections

Cyan gradients