# Black, maroon and dark purple angular gradient

Black, maroon and dark purple angular gradient with 32 colors: #1d0000, #200000, #250000, #2a0000, #300000, #360000, #3d0000, #430000, #4a0100, #520200, #590200, #600300, #660200, #6b0001, #6f0003, #720005, #730009, #74000e, #740014, #720019, #6e001d, #690121, #630325, #5c0528, #56072b, #50092e, #490c32, #410f36, #3a1139, #33133b, #2d153b, #29153a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYJSsVHSI_6mwv-ss77pSc858Zug`
- Page: https://grabient.com/kYJSsVHSI_6mwv-ss77pSc858Zug?style=angularGradient&steps=32&angle=315
- Drawn as: angular gradient, 32 steps, 315 degrees
- Kinds: vivid, dark, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.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 | `#1d0000` | `oklch(14.57% 0.0593 29.53)` | Dwarf Fortress | white, 19.9 to 1 |
| 2 | `#200000` | `oklch(15.41% 0.0628 29.48)` | Ponzu Brown | white, 19.7 to 1 |
| 3 | `#250000` | `oklch(16.57% 0.0676 29.42)` | Ponzu Brown | white, 19.4 to 1 |
| 4 | `#2a0000` | `oklch(17.94% 0.0733 29.36)` | Sepia Black | white, 19.1 to 1 |
| 5 | `#300000` | `oklch(19.45% 0.0796 29.32)` | Old Brown Crayon | white, 18.6 to 1 |
| 6 | `#360000` | `oklch(21.01% 0.0861 29.28)` | Old Brown Crayon | white, 18.1 to 1 |
| 7 | `#3d0000` | `oklch(22.54% 0.0924 29.27)` | Biltong | white, 17.5 to 1 |
| 8 | `#430000` | `oklch(24.09% 0.0987 29.27)` | Eyelids | white, 16.9 to 1 |
| 9 | `#4a0100` | `oklch(25.81% 0.1050 29.52)` | Old Mahogany | white, 16.2 to 1 |
| 10 | `#520200` | `oklch(27.60% 0.1114 29.79)` | Umbral Umber | white, 15.4 to 1 |
| 11 | `#590200` | `oklch(29.34% 0.1178 29.96)` | Mathematical Rage | white, 14.6 to 1 |
| 12 | `#600300` | `oklch(30.93% 0.1243 29.95)` | Spikey Red | white, 13.9 to 1 |
| 13 | `#660200` | `oklch(32.25% 0.1308 29.63)` | Red Blood | white, 13.3 to 1 |
| 14 | `#6b0001` | `oklch(33.24% 0.1359 29.12)` | Khorne Red | white, 12.8 to 1 |
| 15 | `#6f0003` | `oklch(34.02% 0.1391 28.37)` | Hellbound | white, 12.5 to 1 |
| 16 | `#720005` | `oklch(34.64% 0.1414 27.51)` | Hellbound | white, 12.2 to 1 |
| 17 | `#730009` | `oklch(35.03% 0.1425 26.31)` | Barolo | white, 12 to 1 |
| 18 | `#74000e` | `oklch(35.22% 0.1427 24.73)` | Cinnabar | white, 12 to 1 |
| 19 | `#740014` | `oklch(35.19% 0.1419 22.66)` | Cinnabar | white, 12 to 1 |
| 20 | `#720019` | `oklch(34.91% 0.1402 20.02)` | Cinnabar | white, 12.1 to 1 |
| 21 | `#6e001d` | `oklch(34.24% 0.1371 16.98)` | Claret | white, 12.4 to 1 |
| 22 | `#690121` | `oklch(33.30% 0.1318 13.61)` | Merguez | white, 12.8 to 1 |
| 23 | `#630325` | `oklch(32.18% 0.1256 9.77)` | Spring Lobster | white, 13.3 to 1 |
| 24 | `#5c0528` | `oklch(31.01% 0.1190 5.36)` | Baal Red Wash | white, 13.8 to 1 |
| 25 | `#56072b` | `oklch(29.90% 0.1124 0.30)` | Fig Balsamic | white, 14.3 to 1 |
| 26 | `#50092e` | `oklch(28.96% 0.1063 354.46)` | Fig Balsamic | white, 14.8 to 1 |
| 27 | `#490c32` | `oklch(28.07% 0.0999 346.88)` | Blackberry | white, 15.1 to 1 |
| 28 | `#410f36` | `oklch(27.18% 0.0930 337.87)` | Greek Aubergine | white, 15.5 to 1 |
| 29 | `#3a1139` | `oklch(26.32% 0.0860 328.35)` | Cured Eggplant | white, 15.9 to 1 |
| 30 | `#33133b` | `oklch(25.54% 0.0796 319.25)` | Cultist Robe | white, 16.2 to 1 |
| 31 | `#2d153b` | `oklch(24.89% 0.0742 311.51)` | Blackcurrant | white, 16.4 to 1 |
| 32 | `#29153a` | `oklch(24.41% 0.0703 306.05)` | Blackcurrant | white, 16.6 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #1d0000 0.0%, #200000 3.2%, #250000 6.5%, #2a0000 9.7%, #300000 12.9%, #360000 16.1%, #3d0000 19.4%, #430000 22.6%, #4a0100 25.8%, #520200 29.0%, #590200 32.3%, #600300 35.5%, #660200 38.7%, #6b0001 41.9%, #6f0003 45.2%, #720005 48.4%, #730009 51.6%, #74000e 54.8%, #740014 58.1%, #720019 61.3%, #6e001d 64.5%, #690121 67.7%, #630325 71.0%, #5c0528 74.2%, #56072b 77.4%, #50092e 80.6%, #490c32 83.9%, #410f36 87.1%, #3a1139 90.3%, #33133b 93.5%, #2d153b 96.8%, #29153a 100.0%);
background: conic-gradient(from 315deg in oklch, oklch(14.57% 0.0593 29.53) 0.0%, oklch(15.41% 0.0628 29.48) 3.2%, oklch(16.57% 0.0676 29.42) 6.5%, oklch(17.94% 0.0733 29.36) 9.7%, oklch(19.45% 0.0796 29.32) 12.9%, oklch(21.01% 0.0861 29.28) 16.1%, oklch(22.54% 0.0924 29.27) 19.4%, oklch(24.09% 0.0987 29.27) 22.6%, oklch(25.81% 0.1050 29.52) 25.8%, oklch(27.60% 0.1114 29.79) 29.0%, oklch(29.34% 0.1178 29.96) 32.3%, oklch(30.93% 0.1243 29.95) 35.5%, oklch(32.25% 0.1308 29.63) 38.7%, oklch(33.24% 0.1359 29.12) 41.9%, oklch(34.02% 0.1391 28.37) 45.2%, oklch(34.64% 0.1414 27.51) 48.4%, oklch(35.03% 0.1425 26.31) 51.6%, oklch(35.22% 0.1427 24.73) 54.8%, oklch(35.19% 0.1419 22.66) 58.1%, oklch(34.91% 0.1402 20.02) 61.3%, oklch(34.24% 0.1371 16.98) 64.5%, oklch(33.30% 0.1318 13.61) 67.7%, oklch(32.18% 0.1256 9.77) 71.0%, oklch(31.01% 0.1190 5.36) 74.2%, oklch(29.90% 0.1124 0.30) 77.4%, oklch(28.96% 0.1063 354.46) 80.6%, oklch(28.07% 0.0999 346.88) 83.9%, oklch(27.18% 0.0930 337.87) 87.1%, oklch(26.32% 0.0860 328.35) 90.3%, oklch(25.54% 0.0796 319.25) 93.5%, oklch(24.89% 0.0742 311.51) 96.8%, oklch(24.41% 0.0703 306.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.146 | 0.059 | 29.5 |
| 2 | 0.228 | 0.094 | 29.5 |
| 3 | 0.327 | 0.134 | 29.5 |
| 4 | 0.35 | 0.142 | 21.1 |
| 5 | 0.291 | 0.107 | -4.3 |
| 6 | 0.244 | 0.07 | -54 |

## In these collections

- [Burgundy swatches](https://grabient.com/burgundy-swatches)
- [Plum noir](https://grabient.com/plum-noir)
- [Dark multicolor gradients](https://grabient.com/dark-multicolor-gradients)

## Other forms

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