Azul-claro para azul (monocromático): gradiente linear

Azul-claro para azul (monocromático): paleta com 32 cores. #d4eff1, #a8cbd8, #7aa3bc, #517fa3, #285889. Edite e exporte CSS, SVG, PNG ou um shader.

32 cores, 4 quadros-chave OKLCH editáveis.

#d4eff1
#d0ecef
#cce9ed
#c7e5ea
#c1e0e6
#bbdbe3
#b5d6df
#afd1db
#a8cbd8
#a2c6d4
#9cc1d0
#97bccd
#91b7ca
#8bb2c6
#85adc3
#80a8bf
#7aa3bc
#749eb8
#6e99b5
#6994b1
#638eae
#5d89aa
#5884a7
#517fa3
#4b799f
#45739b
#3f6e97
#396894
#346390
#2f5f8d
#2b5b8b
#285889

CSS

background: linear-gradient(90deg in oklch, oklch(93.31% 0.0289 203.20) 0.0%, oklch(92.46% 0.0299 204.57) 3.2%, oklch(91.38% 0.0310 206.37) 6.5%, oklch(90.10% 0.0323 208.51) 9.7%, oklch(88.68% 0.0338 210.90) 12.9%, oklch(87.13% 0.0355 213.46) 16.1%, oklch(85.50% 0.0372 216.11) 19.4%, oklch(83.82% 0.0390 218.76) 22.6%, oklch(82.13% 0.0409 221.32) 25.8%, oklch(80.46% 0.0429 223.70) 29.0%, oklch(78.86% 0.0448 225.82) 32.3%, oklch(77.32% 0.0468 227.66) 35.5%, oklch(75.77% 0.0488 229.38) 38.7%, oklch(74.19% 0.0510 231.00) 41.9%, oklch(72.60% 0.0532 232.54) 45.2%, oklch(70.99% 0.0554 234.00) 48.4%, oklch(69.37% 0.0577 235.40) 51.6%, oklch(67.74% 0.0601 236.73) 54.8%, oklch(66.12% 0.0625 238.01) 58.1%, oklch(64.50% 0.0649 239.25) 61.3%, oklch(62.88% 0.0673 240.46) 64.5%, oklch(61.27% 0.0697 241.64) 67.7%, oklch(59.56% 0.0723 242.80) 71.0%, oklch(57.75% 0.0751 243.94) 74.2%, oklch(55.89% 0.0781 245.04) 77.4%, oklch(54.03% 0.0810 246.09) 80.6%, oklch(52.21% 0.0839 247.09) 83.9%, oklch(50.47% 0.0867 248.01) 87.1%, oklch(48.87% 0.0893 248.85) 90.3%, oklch(47.44% 0.0916 249.59) 93.5%, oklch(46.22% 0.0936 250.23) 96.8%, oklch(45.28% 0.0951 250.76) 100.0%);

Nestas coleções

Gradientes para mapas meteorológicos

Paletas parecidas Coleções Baixar PNG JSON da paleta Markdown Como funciona