Negro y gris sin costuras en degradado angular

Negro y gris sin costuras: paleta de colores

Degradado angular, 32 colores a 90°: #0d141b, #4e5d6b, #e3e9ef, #6a7a89, #111920. Edita y exporta CSS, SVG, PNG o un shader.

7 fotogramas clave OKLCH editables.

#0d141b
#202830
#3f4952
#64707a
#86929e
#98a6b3
#909fad
#738290
#4e5d6b
#2f3e4c
#212f3c
#2c3946
#505c68
#848e98
#bac2c9
#e0e6eb
#e3e9ef
#c4cdd5
#94a0ab
#647381
#425362
#394a5a
#4a5b6b
#6a7a89
#909eac
#acb9c6
#b2bec9
#9ca6b1
#757f88
#4b545c
#272f37
#111920

CSS

background: conic-gradient(from 90deg in oklch, oklch(18.90% 0.0179 246.80) 0.0%, oklch(27.28% 0.0188 246.80) 3.2%, oklch(39.98% 0.0201 246.80) 6.5%, oklch(53.78% 0.0217 246.80) 9.7%, oklch(65.44% 0.0232 246.80) 12.9%, oklch(71.75% 0.0246 246.80) 16.1%, oklch(69.50% 0.0261 246.80) 19.4%, oklch(59.82% 0.0279 246.80) 22.6%, oklch(47.06% 0.0297 246.80) 25.8%, oklch(35.60% 0.0308 246.80) 29.0%, oklch(29.82% 0.0307 246.80) 32.3%, oklch(33.86% 0.0286 246.80) 35.5%, oklch(46.92% 0.0240 246.80) 38.7%, oklch(64.23% 0.0183 246.80) 41.9%, oklch(80.92% 0.0131 246.80) 45.2%, oklch(92.10% 0.0100 246.80) 48.4%, oklch(93.14% 0.0104 246.80) 51.6%, oklch(84.27% 0.0147 246.80) 54.8%, oklch(69.95% 0.0210 246.80) 58.1%, oklch(54.78% 0.0277 246.80) 61.3%, oklch(43.39% 0.0328 246.80) 64.5%, oklch(40.27% 0.0346 246.80) 67.7%, oklch(46.21% 0.0334 246.80) 71.0%, oklch(57.28% 0.0302 246.80) 74.2%, oklch(69.30% 0.0263 246.80) 77.4%, oklch(78.09% 0.0227 246.80) 80.6%, oklch(79.48% 0.0204 246.80) 83.9%, oklch(72.11% 0.0192 246.80) 87.1%, oklch(59.13% 0.0186 246.80) 90.3%, oklch(43.97% 0.0183 246.80) 93.5%, oklch(30.07% 0.0181 246.80) 96.8%, oklch(20.87% 0.0179 246.80) 100.0%);

En estas colecciones

Degradados metálicos