# Near-black, plum and crimson dark multicolor palette

The Near-black, plum and crimson dark multicolor palette brings together black, dark blue, magenta, and red. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is black, and its lightest tone is red.

- Also called: Black to red angular gradient
- Seed: `kWAAC8jBZAqciSC_MsPzDtCY`
- Page: https://grabient.com/kWAAC8jBZAqciSC_MsPzDtCY?style=angularGradient&steps=21&angle=180
- Drawn as: angular gradient, 21 steps, 180 degrees
- Kinds: dark to light, vivid, dark
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.9 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 | `#000000` | `oklch(0.00% 0.0000 0.00)` | Black | white, 21 to 1 |
| 2 | `#000000` | `oklch(1.19% 0.0081 265.76)` | Black | white, 20.9 to 1 |
| 3 | `#000001` | `oklch(2.82% 0.0192 265.60)` | Black | white, 20.9 to 1 |
| 4 | `#000004` | `oklch(4.77% 0.0327 265.18)` | Binary Black | white, 20.9 to 1 |
| 5 | `#00000c` | `oklch(6.96% 0.0472 266.28)` | Benthic Black | white, 20.8 to 1 |
| 6 | `#010016` | `oklch(9.45% 0.0606 271.42)` | Benthic Black | white, 20.7 to 1 |
| 7 | `#060121` | `oklch(12.98% 0.0688 281.88)` | Insomnia | white, 20.2 to 1 |
| 8 | `#14052c` | `oklch(17.22% 0.0752 296.48)` | Quiet Abyss | white, 19.3 to 1 |
| 9 | `#270a34` | `oklch(21.81% 0.0809 312.81)` | Middle Red Purple | white, 17.7 to 1 |
| 10 | `#3a1139` | `oklch(26.42% 0.0867 328.50)` | Cured Eggplant | white, 15.8 to 1 |
| 11 | `#4d183d` | `oklch(30.71% 0.0937 341.16)` | Tulip Poplar Purple | white, 13.8 to 1 |
| 12 | `#5f1e41` | `oklch(34.78% 0.1024 350.43)` | Plum Caspia | white, 12 to 1 |
| 13 | `#712544` | `oklch(38.85% 0.1121 357.89)` | Palace Red | white, 10.2 to 1 |
| 14 | `#822b47` | `oklch(42.78% 0.1220 4.09)` | Beaujolais | white, 8.7 to 1 |
| 15 | `#933249` | `oklch(46.42% 0.1313 9.60)` | Scarlet Apple | white, 7.5 to 1 |
| 16 | `#a23848` | `oklch(49.61% 0.1392 14.98)` | Bright Lady | white, 6.5 to 1 |
| 17 | `#ae3f45` | `oklch(52.37% 0.1456 20.36)` | Frosted Pomegranate | white, 5.8 to 1 |
| 18 | `#b94541` | `oklch(54.82% 0.1513 25.36)` | Snakebite | white, 5.2 to 1 |
| 19 | `#c24b3c` | `oklch(56.90% 0.1560 29.79)` | Sweet Baby Rose | white, 4.8 to 1 |
| 20 | `#c95037` | `oklch(58.59% 0.1598 33.44)` | Fox | black, 4.6 to 1 |
| 21 | `#ce5432` | `oklch(59.84% 0.1626 36.12)` | Bronze Satin | black, 4.9 to 1 |

## CSS

```css
background: conic-gradient(from 180deg, #000000 0.0%, #000000 5.0%, #000001 10.0%, #000004 15.0%, #00000c 20.0%, #010016 25.0%, #060121 30.0%, #14052c 35.0%, #270a34 40.0%, #3a1139 45.0%, #4d183d 50.0%, #5f1e41 55.0%, #712544 60.0%, #822b47 65.0%, #933249 70.0%, #a23848 75.0%, #ae3f45 80.0%, #b94541 85.0%, #c24b3c 90.0%, #c95037 95.0%, #ce5432 100.0%);
background: conic-gradient(from 180deg in oklch, oklch(0.00% 0.0000 0.00) 0.0%, oklch(1.19% 0.0081 265.76) 5.0%, oklch(2.82% 0.0192 265.60) 10.0%, oklch(4.77% 0.0327 265.18) 15.0%, oklch(6.96% 0.0472 266.28) 20.0%, oklch(9.45% 0.0606 271.42) 25.0%, oklch(12.98% 0.0688 281.88) 30.0%, oklch(17.22% 0.0752 296.48) 35.0%, oklch(21.81% 0.0809 312.81) 40.0%, oklch(26.42% 0.0867 328.50) 45.0%, oklch(30.71% 0.0937 341.16) 50.0%, oklch(34.78% 0.1024 350.43) 55.0%, oklch(38.85% 0.1121 357.89) 60.0%, oklch(42.78% 0.1220 4.09) 65.0%, oklch(46.42% 0.1313 9.60) 70.0%, oklch(49.61% 0.1392 14.98) 75.0%, oklch(52.37% 0.1456 20.36) 80.0%, oklch(54.82% 0.1513 25.36) 85.0%, oklch(56.90% 0.1560 29.79) 90.0%, oklch(58.59% 0.1598 33.44) 95.0%, oklch(59.84% 0.1626 36.12) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0 | 0 | 265.1 |
| 2 | 0.094 | 0.061 | 271.4 |
| 3 | 0.307 | 0.094 | 341.2 |
| 4 | 0.496 | 0.139 | 375 |
| 5 | 0.598 | 0.163 | 396.1 |

## In these collections

- [Red and black](https://grabient.com/red-and-black)
- [Black Friday gradients](https://grabient.com/black-friday-gradients)
- [Dark multicolor gradients](https://grabient.com/dark-multicolor-gradients)

## Other forms

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