De azul claro a azul marino (monocromo) en degradado lineal

De azul claro a azul marino (monocromo): paleta de colores

Degradado lineal, 32 colores a 180°: #dff2fb, #42b7d1, #0087a2, #00537e, #1e3a63. Edita y exporta CSS, SVG, PNG o un shader.

5 fotogramas clave OKLCH editables.

#dff2fb
#d4edf9
#c4e7f5
#b1dff1
#9bd7ec
#84cfe6
#6cc6df
#55bed8
#42b7d1
#31b1cb
#24abc5
#1aa5bf
#139fb9
#0f99b3
#0c94ad
#068da8
#0087a2
#007f9c
#007796
#006f91
#00678b
#006086
#005982
#00537e
#054e7a
#0c4a76
#114672
#16436e
#19406b
#1b3e68
#1d3c65
#1e3a63

CSS

background: linear-gradient(180deg in oklch, oklch(94.98% 0.0235 227.73) 0.0%, oklch(93.18% 0.0309 226.65) 3.2%, oklch(90.72% 0.0414 225.11) 6.5%, oklch(87.79% 0.0540 223.26) 9.7%, oklch(84.57% 0.0675 221.28) 12.9%, oklch(81.26% 0.0809 219.34) 16.1%, oklch(78.03% 0.0930 217.62) 19.4%, oklch(75.08% 0.1028 216.28) 22.6%, oklch(72.57% 0.1091 215.49) 25.8%, oklch(70.40% 0.1124 214.98) 29.0%, oklch(68.43% 0.1135 214.67) 32.3%, oklch(66.59% 0.1130 214.58) 35.5%, oklch(64.83% 0.1114 214.76) 38.7%, oklch(63.10% 0.1093 215.25) 41.9%, oklch(61.33% 0.1071 216.09) 45.2%, oklch(59.47% 0.1054 217.32) 48.4%, oklch(57.45% 0.1039 219.02) 51.6%, oklch(55.26% 0.1016 221.38) 54.8%, oklch(52.95% 0.0997 224.27) 58.1%, oklch(50.61% 0.0982 227.52) 61.3%, oklch(48.31% 0.0973 230.96) 64.5%, oklch(46.11% 0.0970 234.40) 67.7%, oklch(44.10% 0.0973 237.68) 71.0%, oklch(42.34% 0.0980 240.62) 74.2%, oklch(40.86% 0.0968 243.18) 77.4%, oklch(39.57% 0.0944 245.78) 80.6%, oklch(38.45% 0.0917 248.32) 83.9%, oklch(37.49% 0.0888 250.74) 87.1%, oklch(36.67% 0.0860 252.98) 90.3%, oklch(35.97% 0.0834 254.97) 93.5%, oklch(35.38% 0.0812 256.64) 96.8%, oklch(34.88% 0.0796 257.93) 100.0%);

En estas colecciones

Degradados de GTA 6