# Black plum smoky hollow

Black, brown and dark purple radial gradient with 32 colors: #000000, #000000, #010000, #030102, #080405, #12080c, #1c0f15, #26171e, #2f1d26, #37232c, #3c2730, #3f2a31, #402b2f, #3e2b2b, #392a27, #332924, #2d2722, #272421, #222120, #1f1f1f, #1d1d1d, #1c1c1c, #1e1c1a, #201c18, #251c16, #2a1b16, #301a1a, #331921, #35192b, #341935, #311b3d, #2e1c43. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, brown and dark purple radial gradient
- Seed: `kUAAAAJwy_R0ASyimi6A`
- Page: https://grabient.com/kUAAAAJwy_R0ASyimi6A?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: neutral, dark
- Hues: wide
- 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 | `#000000` | `oklch(0.00% 0.0000 0.00)` | Black | white, 21 to 1 |
| 2 | `#000000` | `oklch(1.92% 0.0023 359.27)` | Black | white, 20.9 to 1 |
| 3 | `#010000` | `oklch(4.59% 0.0055 357.79)` | Binary Black | white, 20.9 to 1 |
| 4 | `#030102` | `oklch(7.82% 0.0095 355.85)` | Raven’s Coat | white, 20.8 to 1 |
| 5 | `#080405` | `oklch(11.43% 0.0140 353.73)` | Pupil | white, 20.4 to 1 |
| 6 | `#12080c` | `oklch(15.21% 0.0186 351.72)` | Chyornyi Black | white, 19.6 to 1 |
| 7 | `#1c0f15` | `oklch(18.99% 0.0231 350.10)` | Scandinavian Liquorice | white, 18.5 to 1 |
| 8 | `#26171e` | `oklch(22.58% 0.0272 349.18)` | Kurobeni | white, 17.2 to 1 |
| 9 | `#2f1d26` | `oklch(25.78% 0.0307 349.22)` | Shikon | white, 15.8 to 1 |
| 10 | `#37232c` | `oklch(28.41% 0.0331 350.52)` | Aubergine | white, 14.6 to 1 |
| 11 | `#3c2730` | `oklch(30.29% 0.0344 353.37)` | Mangosteen Violet | white, 13.7 to 1 |
| 12 | `#3f2a31` | `oklch(31.27% 0.0340 358.49)` | Wenge Black | white, 13.2 to 1 |
| 13 | `#402b2f` | `oklch(31.49% 0.0316 7.00)` | Wenge Black | white, 13.1 to 1 |
| 14 | `#3e2b2b` | `oklch(31.12% 0.0278 18.11)` | Wenge Black | white, 13.2 to 1 |
| 15 | `#392a27` | `oklch(30.27% 0.0230 30.88)` | Roanoke | white, 13.6 to 1 |
| 16 | `#332924` | `oklch(29.09% 0.0176 44.38)` | Betel Nut Dye | white, 14.1 to 1 |
| 17 | `#2d2722` | `oklch(27.72% 0.0122 57.69)` | Wood Bark | white, 14.7 to 1 |
| 18 | `#272421` | `oklch(26.29% 0.0072 69.87)` | Black Chestnut Oak | white, 15.4 to 1 |
| 19 | `#222120` | `oklch(24.95% 0.0031 79.99)` | Lead | white, 16 to 1 |
| 20 | `#1f1f1f` | `oklch(23.83% 0.0003 87.12)` | Umbra | white, 16.5 to 1 |
| 21 | `#1d1d1d` | `oklch(23.07% 0.0000 89.88)` | Dynamic Black | white, 16.8 to 1 |
| 22 | `#1c1c1c` | `oklch(22.79% 0.0007 88.67)` | Coco’s Black | white, 16.9 to 1 |
| 23 | `#1e1c1a` | `oklch(22.83% 0.0046 81.65)` | Coco’s Black | white, 16.9 to 1 |
| 24 | `#201c18` | `oklch(23.07% 0.0104 70.13)` | Coco’s Black | white, 16.8 to 1 |
| 25 | `#251c16` | `oklch(23.48% 0.0178 55.17)` | Dark Orchestra | white, 16.7 to 1 |
| 26 | `#2a1b16` | `oklch(24.01% 0.0262 37.83)` | Tetsu-Guro Black | white, 16.5 to 1 |
| 27 | `#301a1a` | `oklch(24.61% 0.0352 19.17)` | Tamarind | white, 16.3 to 1 |
| 28 | `#331921` | `oklch(25.24% 0.0443 0.23)` | Bruised Plum | white, 16.1 to 1 |
| 29 | `#35192b` | `oklch(25.86% 0.0529 342.08)` | Nightly Voyager | white, 15.9 to 1 |
| 30 | `#341935` | `oklch(26.42% 0.0607 325.78)` | Nightly Voyager | white, 15.6 to 1 |
| 31 | `#311b3d` | `oklch(26.87% 0.0671 312.38)` | Blackcurrant | white, 15.4 to 1 |
| 32 | `#2e1c43` | `oklch(27.17% 0.0717 302.94)` | Throat | white, 15.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #000000 0.0%, #000000 3.2%, #010000 6.5%, #030102 9.7%, #080405 12.9%, #12080c 16.1%, #1c0f15 19.4%, #26171e 22.6%, #2f1d26 25.8%, #37232c 29.0%, #3c2730 32.3%, #3f2a31 35.5%, #402b2f 38.7%, #3e2b2b 41.9%, #392a27 45.2%, #332924 48.4%, #2d2722 51.6%, #272421 54.8%, #222120 58.1%, #1f1f1f 61.3%, #1d1d1d 64.5%, #1c1c1c 67.7%, #1e1c1a 71.0%, #201c18 74.2%, #251c16 77.4%, #2a1b16 80.6%, #301a1a 83.9%, #331921 87.1%, #35192b 90.3%, #341935 93.5%, #311b3d 96.8%, #2e1c43 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(0.00% 0.0000 0.00) 0.0%, oklch(1.92% 0.0023 359.27) 3.2%, oklch(4.59% 0.0055 357.79) 6.5%, oklch(7.82% 0.0095 355.85) 9.7%, oklch(11.43% 0.0140 353.73) 12.9%, oklch(15.21% 0.0186 351.72) 16.1%, oklch(18.99% 0.0231 350.10) 19.4%, oklch(22.58% 0.0272 349.18) 22.6%, oklch(25.78% 0.0307 349.22) 25.8%, oklch(28.41% 0.0331 350.52) 29.0%, oklch(30.29% 0.0344 353.37) 32.3%, oklch(31.27% 0.0340 358.49) 35.5%, oklch(31.49% 0.0316 7.00) 38.7%, oklch(31.12% 0.0278 18.11) 41.9%, oklch(30.27% 0.0230 30.88) 45.2%, oklch(29.09% 0.0176 44.38) 48.4%, oklch(27.72% 0.0122 57.69) 51.6%, oklch(26.29% 0.0072 69.87) 54.8%, oklch(24.95% 0.0031 79.99) 58.1%, oklch(23.83% 0.0003 87.12) 61.3%, oklch(23.07% 0.0000 89.88) 64.5%, oklch(22.79% 0.0007 88.67) 67.7%, oklch(22.83% 0.0046 81.65) 71.0%, oklch(23.07% 0.0104 70.13) 74.2%, oklch(23.48% 0.0178 55.17) 77.4%, oklch(24.01% 0.0262 37.83) 80.6%, oklch(24.61% 0.0352 19.17) 83.9%, oklch(25.24% 0.0443 0.23) 87.1%, oklch(25.86% 0.0529 342.08) 90.3%, oklch(26.42% 0.0607 325.78) 93.5%, oklch(26.87% 0.0671 312.38) 96.8%, oklch(27.17% 0.0717 302.94) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0 | 0 | 0 |
| 2 | 0.307 | 0.034 | -5.3 |
| 3 | 0.228 | 0 | 89.8 |
| 4 | 0.272 | 0.072 | -57.1 |

## In these collections

- [Moody gradients](https://grabient.com/moody-gradients)

## Other forms

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