Azul marino, azul y morado (análogos) en degradado radial

Degradado radial, 32 colores: #211f58, #5b4cbd, #9071ff, #6e48bc, #361b5c. Edita y exporta CSS, SVG, PNG o un shader.

3 fotogramas clave OKLCH editables.

#211f58
#25225f
#2a2668
#302b73
#37307f
#3f378e
#483e9d
#5145ad
#5b4cbd
#6453cc
#6e5adb
#7760e9
#7f65f5
#8669ff
#8b6fff
#8f72ff
#9071ff
#906dff
#8e67fe
#8a62f4
#855ce8
#7e56db
#764fcc
#6e48bc
#6640ad
#5d399d
#55328f
#4d2c81
#452775
#3f226a
#3a1e62
#361b5c

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(27.95% 0.1006 279.84) 0.0%, oklch(29.44% 0.1054 280.19) 3.2%, oklch(31.44% 0.1119 280.61) 6.5%, oklch(33.87% 0.1197 281.09) 9.7%, oklch(36.65% 0.1287 281.62) 12.9%, oklch(39.69% 0.1385 282.21) 16.1%, oklch(42.90% 0.1488 282.83) 19.4%, oklch(46.18% 0.1595 283.49) 22.6%, oklch(49.46% 0.1701 284.18) 25.8%, oklch(52.64% 0.1803 284.88) 29.0%, oklch(55.65% 0.1901 285.59) 32.3%, oklch(58.38% 0.1989 286.31) 35.5%, oklch(60.75% 0.2066 287.02) 38.7%, oklch(62.68% 0.2129 287.72) 41.9%, oklch(64.07% 0.2056 288.40) 45.2%, oklch(64.84% 0.2015 289.04) 48.4%, oklch(64.90% 0.2019 289.67) 51.6%, oklch(64.26% 0.2071 290.32) 54.8%, oklch(63.01% 0.2145 290.99) 58.1%, oklch(61.23% 0.2090 291.69) 61.3%, oklch(59.01% 0.2020 292.40) 64.5%, oklch(56.42% 0.1939 293.12) 67.7%, oklch(53.57% 0.1849 293.83) 71.0%, oklch(50.53% 0.1753 294.53) 74.2%, oklch(47.40% 0.1654 295.22) 77.4%, oklch(44.25% 0.1555 295.88) 80.6%, oklch(41.17% 0.1457 296.50) 83.9%, oklch(38.25% 0.1365 297.09) 87.1%, oklch(35.59% 0.1281 297.62) 90.3%, oklch(33.25% 0.1207 298.10) 93.5%, oklch(31.33% 0.1147 298.52) 96.8%, oklch(29.92% 0.1102 298.87) 100.0%);

En estas colecciones

Degradados índigo Degradados morados