De negro a azul claro (monocromo) en degradado lineal

Degradado lineal, 32 colores a 90°: #0f161c, #1e3d5b, #4a71ad, #89a5dc, #c6d7fc. Edita y exporta CSS, SVG, PNG o un shader.

3 fotogramas clave OKLCH editables.

#0f161c
#101921
#111d26
#13212d
#142634
#162b3d
#183146
#1b3750
#1e3d5b
#214366
#254a71
#2a507c
#305787
#365e92
#3c649c
#436ba5
#4a71ad
#5178b4
#5a7fbc
#6386c3
#6c8ec9
#7695d0
#7f9dd6
#89a5dc
#93ade1
#9cb4e6
#a5bbeb
#adc2ef
#b5c8f3
#bccef6
#c1d3f9
#c6d7fc

CSS

background: linear-gradient(90deg in oklch, oklch(19.69% 0.0165 241.17) 0.0%, oklch(20.91% 0.0199 241.80) 3.2%, oklch(22.39% 0.0245 242.59) 6.5%, oklch(24.10% 0.0299 243.51) 9.7%, oklch(26.01% 0.0361 244.54) 12.9%, oklch(28.09% 0.0429 245.67) 16.1%, oklch(30.31% 0.0500 246.88) 19.4%, oklch(32.65% 0.0574 248.13) 22.6%, oklch(35.09% 0.0648 249.42) 25.8%, oklch(37.59% 0.0721 250.72) 29.0%, oklch(40.12% 0.0790 252.02) 32.3%, oklch(42.67% 0.0854 253.28) 35.5%, oklch(45.20% 0.0912 254.50) 38.7%, oklch(47.69% 0.0961 255.65) 41.9%, oklch(50.11% 0.0999 256.71) 45.2%, oklch(52.43% 0.1025 257.65) 48.4%, oklch(54.66% 0.1038 258.48) 51.6%, oklch(56.99% 0.1038 259.27) 54.8%, oklch(59.42% 0.1027 260.02) 58.1%, oklch(61.93% 0.1006 260.73) 61.3%, oklch(64.48% 0.0978 261.41) 64.5%, oklch(67.06% 0.0942 262.05) 67.7%, oklch(69.63% 0.0902 262.65) 71.0%, oklch(72.16% 0.0858 263.23) 74.2%, oklch(74.63% 0.0812 263.76) 77.4%, oklch(77.01% 0.0765 264.26) 80.6%, oklch(79.27% 0.0719 264.73) 83.9%, oklch(81.38% 0.0675 265.16) 87.1%, oklch(83.32% 0.0635 265.56) 90.3%, oklch(85.05% 0.0600 265.92) 93.5%, oklch(86.55% 0.0571 266.24) 96.8%, oklch(87.80% 0.0551 266.53) 100.0%);

En estas colecciones

Degradados apagados