# Black, maroon and magenta linear swatches

Black, maroon and magenta linear swatches with 32 colors: #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. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWKSj5HCDAaKvQI9RUEqLM-4`
- Page: https://grabient.com/kWKSj5HCDAaKvQI9RUEqLM-4?style=linearSwatches&steps=32&angle=135
- Drawn as: linear swatches, 32 steps, 135 degrees
- Kinds: vivid, dark, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2.6 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#1d0311` | `oklch(16.14% 0.0551 350.16)` | Belladonna | white, 19.5 to 1 |
| 2 | `#1f0312` | `oklch(16.62% 0.0578 350.49)` | Belladonna | white, 19.4 to 1 |
| 3 | `#220313` | `oklch(17.27% 0.0614 350.92)` | Belladonna | white, 19.2 to 1 |
| 4 | `#250315` | `oklch(18.03% 0.0657 351.44)` | Belladonna | white, 19 to 1 |
| 5 | `#290217` | `oklch(18.88% 0.0705 352.01)` | Belladonna | white, 18.8 to 1 |
| 6 | `#2d0219` | `oklch(19.77% 0.0755 352.63)` | Rhodophobia | white, 18.5 to 1 |
| 7 | `#30021a` | `oklch(20.65% 0.0807 353.27)` | Rhodophobia | white, 18.2 to 1 |
| 8 | `#34011c` | `oklch(21.48% 0.0859 353.91)` | Rhodophobia | white, 17.9 to 1 |
| 9 | `#38001d` | `oklch(22.22% 0.0908 354.54)` | Rhodophobia | white, 17.7 to 1 |
| 10 | `#3a001e` | `oklch(22.79% 0.0935 355.23)` | Rhodophobia | white, 17.4 to 1 |
| 11 | `#3c001f` | `oklch(23.16% 0.0949 355.79)` | Blaze It Dark Magenta | white, 17.3 to 1 |
| 12 | `#3d001f` | `oklch(23.49% 0.0961 356.36)` | Blaze It Dark Magenta | white, 17.2 to 1 |
| 13 | `#3f0020` | `oklch(23.87% 0.0975 356.97)` | Blaze It Dark Magenta | white, 17 to 1 |
| 14 | `#410020` | `oklch(24.41% 0.0995 357.64)` | Blaze It Dark Magenta | white, 16.8 to 1 |
| 15 | `#450022` | `oklch(25.23% 0.1027 358.39)` | Blaze It Dark Magenta | white, 16.5 to 1 |
| 16 | `#4a0024` | `oklch(26.42% 0.1073 359.26)` | Blaze It Dark Magenta | white, 15.9 to 1 |
| 17 | `#510027` | `oklch(28.17% 0.1141 0.31)` | Fig Balsamic | white, 15.2 to 1 |
| 18 | `#5d002b` | `oklch(30.80% 0.1244 1.73)` | Baal Red Wash | white, 14 to 1 |
| 19 | `#6b0031` | `oklch(34.05% 0.1372 3.40)` | Plum Cheese | white, 12.5 to 1 |
| 20 | `#7c0036` | `oklch(37.60% 0.1511 5.18)` | Bordeaux | white, 11 to 1 |
| 21 | `#8c003b` | `oklch(41.11% 0.1648 6.91)` | Madrileño Maroon | white, 9.6 to 1 |
| 22 | `#9b003f` | `oklch(44.22% 0.1770 8.42)` | Rum Riche | white, 8.4 to 1 |
| 23 | `#a70042` | `oklch(46.60% 0.1864 9.56)` | Rondo of Blood | white, 7.7 to 1 |
| 24 | `#ad0444` | `oklch(47.91% 0.1899 10.18)` | Screamer Pink | white, 7.2 to 1 |
| 25 | `#ad0444` | `oklch(47.86% 0.1895 10.13)` | Screamer Pink | white, 7.3 to 1 |
| 26 | `#a70242` | `oklch(46.57% 0.1854 9.45)` | Rondo of Blood | white, 7.7 to 1 |
| 27 | `#9c0040` | `oklch(44.39% 0.1777 8.32)` | Rum Riche | white, 8.4 to 1 |
| 28 | `#8f003c` | `oklch(41.64% 0.1669 6.89)` | Madrileño Maroon | white, 9.4 to 1 |
| 29 | `#810038` | `oklch(38.68% 0.1553 5.34)` | Inescapable Lover | white, 10.5 to 1 |
| 30 | `#730034` | `oklch(35.84% 0.1442 3.87)` | Merlot | white, 11.7 to 1 |
| 31 | `#680030` | `oklch(33.47% 0.1350 2.64)` | Plum Cheese | white, 12.8 to 1 |
| 32 | `#61002e` | `oklch(31.91% 0.1289 1.83)` | Mulberry Wood | white, 13.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #1d0311 0.000% 3.125%, #1f0312 3.125% 6.250%, #220313 6.250% 9.375%, #250315 9.375% 12.500%, #290217 12.500% 15.625%, #2d0219 15.625% 18.750%, #30021a 18.750% 21.875%, #34011c 21.875% 25.000%, #38001d 25.000% 28.125%, #3a001e 28.125% 31.250%, #3c001f 31.250% 34.375%, #3d001f 34.375% 37.500%, #3f0020 37.500% 40.625%, #410020 40.625% 43.750%, #450022 43.750% 46.875%, #4a0024 46.875% 50.000%, #510027 50.000% 53.125%, #5d002b 53.125% 56.250%, #6b0031 56.250% 59.375%, #7c0036 59.375% 62.500%, #8c003b 62.500% 65.625%, #9b003f 65.625% 68.750%, #a70042 68.750% 71.875%, #ad0444 71.875% 75.000%, #ad0444 75.000% 78.125%, #a70242 78.125% 81.250%, #9c0040 81.250% 84.375%, #8f003c 84.375% 87.500%, #810038 87.500% 90.625%, #730034 90.625% 93.750%, #680030 93.750% 96.875%, #61002e 96.875% 100.000%);
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%);
```

## Keyframes

5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.161 | 0.055 | 350.2 |
| 2 | 0.22 | 0.09 | 354.4 |
| 3 | 0.272 | 0.13 | 359.7 |
| 4 | 0.48 | 0.19 | 370.2 |
| 5 | 0.319 | 0.141 | 361.8 |

## In these collections

- [Christmas gradients](https://grabient.com/christmas-gradients)

## Other forms

- [JSON](https://grabient.com/kWKSj5HCDAaKvQI9RUEqLM-4.json?style=linearSwatches&steps=32&angle=135)
- [PNG](https://grabient.com/kWKSj5HCDAaKvQI9RUEqLM-4.png?style=linearSwatches&steps=32&angle=135)
- [SVG](https://grabient.com/kWKSj5HCDAaKvQI9RUEqLM-4.svg?style=linearSwatches&steps=32&angle=135)
- [CSS](https://grabient.com/kWKSj5HCDAaKvQI9RUEqLM-4.css?style=linearSwatches&steps=32&angle=135)
- [ASE](https://grabient.com/kWKSj5HCDAaKvQI9RUEqLM-4.ase?style=linearSwatches&steps=32&angle=135)
- [GPL](https://grabient.com/kWKSj5HCDAaKvQI9RUEqLM-4.gpl?style=linearSwatches&steps=32&angle=135)
- [GRD](https://grabient.com/kWKSj5HCDAaKvQI9RUEqLM-4.grd?style=linearSwatches&steps=32&angle=135)
- [Design tokens](https://grabient.com/kWKSj5HCDAaKvQI9RUEqLM-4.tokens.json?style=linearSwatches&steps=32&angle=135)
- [Social card](https://grabient.com/api/og?seed=kWKSj5HCDAaKvQI9RUEqLM-4&style=linearSwatches&steps=32&angle=135)
- [Palettes like this one](https://grabient.com/palettes?q=kWKSj5HCDAaKvQI9RUEqLM-4)
- [Guide for agents](https://grabient.com/llms.txt)