Negro, granate y magenta en muestras lineales

Muestras lineales, 32 colores a 135°: #1d0311, #38001d, #510027, #ad0444, #61002e. Edita y exporta CSS, SVG, PNG o un shader.
5 fotogramas clave OKLCH editables.
- #1d0311
- #1f0312
- #220313
- #250315
- #290217
- #2d0219
- #30021a
- #34011c
- #38001d
- #3a001e
- #3c001f
- #3d001f
- #3f0020
- #410020
- #450022
- #4a0024
- #510027
- #5d002b
- #6b0031
- #7c0036
- #8c003b
- #9b003f
- #a70042
- #ad0444
- #ad0444
- #a70242
- #9c0040
- #8f003c
- #810038
- #730034
- #680030
- #61002e
CSS
background: linear-gradient(135deg, oklch(16.14% 0.0551 350.16) 0.000% 3.125%, oklch(16.62% 0.0578 350.49) 3.125% 6.250%, oklch(17.27% 0.0614 350.92) 6.250% 9.375%, oklch(18.03% 0.0657 351.44) 9.375% 12.500%, oklch(18.88% 0.0705 352.01) 12.500% 15.625%, oklch(19.77% 0.0755 352.63) 15.625% 18.750%, oklch(20.65% 0.0807 353.27) 18.750% 21.875%, oklch(21.48% 0.0859 353.91) 21.875% 25.000%, oklch(22.22% 0.0908 354.54) 25.000% 28.125%, oklch(22.79% 0.0935 355.23) 28.125% 31.250%, oklch(23.16% 0.0949 355.79) 31.250% 34.375%, oklch(23.49% 0.0961 356.36) 34.375% 37.500%, oklch(23.87% 0.0975 356.97) 37.500% 40.625%, oklch(24.41% 0.0995 357.64) 40.625% 43.750%, oklch(25.23% 0.1027 358.39) 43.750% 46.875%, oklch(26.42% 0.1073 359.26) 46.875% 50.000%, oklch(28.17% 0.1141 0.31) 50.000% 53.125%, oklch(30.80% 0.1244 1.73) 53.125% 56.250%, oklch(34.05% 0.1372 3.40) 56.250% 59.375%, oklch(37.60% 0.1511 5.18) 59.375% 62.500%, oklch(41.11% 0.1648 6.91) 62.500% 65.625%, oklch(44.22% 0.1770 8.42) 65.625% 68.750%, oklch(46.60% 0.1864 9.56) 68.750% 71.875%, oklch(47.91% 0.1899 10.18) 71.875% 75.000%, oklch(47.86% 0.1895 10.13) 75.000% 78.125%, oklch(46.57% 0.1854 9.45) 78.125% 81.250%, oklch(44.39% 0.1777 8.32) 81.250% 84.375%, oklch(41.64% 0.1669 6.89) 84.375% 87.500%, oklch(38.68% 0.1553 5.34) 87.500% 90.625%, oklch(35.84% 0.1442 3.87) 90.625% 93.750%, oklch(33.47% 0.1350 2.64) 93.750% 96.875%, oklch(31.91% 0.1289 1.83) 96.875% 100.000%);En estas colecciones
Paletas similaresColeccionesDescargar PNGJSON de la paletaMarkdownCómo funciona