# Black, brown, purple and green radial gradient

Black, brown, purple and green radial gradient with 40 colors: #150109, #1b020c, #22030f, #2b0512, #360915, #420f17, #4f1518, #5c1b18, #682216, #742912, #7e2f0d, #863406, #8d3802, #913901, #933708, #923215, #8e2b21, #87242b, #7e1c34, #72153b, #660f40, #5a0b44, #4f0846, #460546, #3f0446, #3d0346, #3e0345, #440345, #4e0443, #5c073f, #6b0d38, #7b162c, #892418, #8e3b00, #8f5200, #8f6400, #8e7400, #8a8400, #829100, #779c00. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUIiP7urBF6GrtlRutMA`
- Page: https://grabient.com/kUIiP7urBF6GrtlRutMA?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: vivid, dark, warm
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 6.2 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 | `#150109` | `oklch(13.39% 0.0482 353.67)` | Glossy Black | white, 20.1 to 1 |
| 2 | `#1b020c` | `oklch(14.97% 0.0522 356.27)` | Crow | white, 19.8 to 1 |
| 3 | `#22030f` | `oklch(17.14% 0.0575 0.00)` | Belladonna | white, 19.3 to 1 |
| 4 | `#2b0512` | `oklch(19.77% 0.0639 4.62)` | Ilvaite Black | white, 18.4 to 1 |
| 5 | `#360915` | `oklch(22.75% 0.0711 9.87)` | Black Rooster | white, 17.3 to 1 |
| 6 | `#420f17` | `oklch(25.96% 0.0788 15.50)` | Rum Chocolate | white, 16 to 1 |
| 7 | `#4f1518` | `oklch(29.28% 0.0869 21.26)` | Maroon Oak | white, 14.4 to 1 |
| 8 | `#5c1b18` | `oklch(32.61% 0.0951 26.91)` | Philippine Brown | white, 12.9 to 1 |
| 9 | `#682216` | `oklch(35.82% 0.1032 32.20)` | Brown Moelleux | white, 11.4 to 1 |
| 10 | `#742912` | `oklch(38.80% 0.1108 36.87)` | Hazelnut Kisses | white, 10.1 to 1 |
| 11 | `#7e2f0d` | `oklch(41.43% 0.1178 40.67)` | Reddish Brown | white, 9.1 to 1 |
| 12 | `#863406` | `oklch(43.59% 0.1238 43.36)` | Coffee Addiction | white, 8.3 to 1 |
| 13 | `#8d3802` | `oklch(45.18% 0.1287 44.68)` | Espresso Martini | white, 7.8 to 1 |
| 14 | `#913901` | `oklch(46.06% 0.1323 44.40)` | Citrine Brown | white, 7.5 to 1 |
| 15 | `#933708` | `oklch(46.11% 0.1343 41.80)` | Citrine Brown | white, 7.5 to 1 |
| 16 | `#923215` | `oklch(45.34% 0.1351 36.72)` | Hawaiian Malasada | white, 7.8 to 1 |
| 17 | `#8e2b21` | `oklch(43.92% 0.1349 29.66)` | Borscht | white, 8.3 to 1 |
| 18 | `#87242b` | `oklch(41.98% 0.1338 21.13)` | Red Dahlia | white, 9 to 1 |
| 19 | `#7e1c34` | `oklch(39.69% 0.1321 11.66)` | Brown Magenta | white, 10 to 1 |
| 20 | `#72153b` | `oklch(37.18% 0.1299 1.74)` | Her Fierceness | white, 11 to 1 |
| 21 | `#660f40` | `oklch(34.62% 0.1275 351.89)` | Spanish Purple | white, 12.2 to 1 |
| 22 | `#5a0b44` | `oklch(32.15% 0.1251 342.63)` | Royal Ash | white, 13.4 to 1 |
| 23 | `#4f0846` | `oklch(29.91% 0.1229 334.47)` | Christmas Purple | white, 14.4 to 1 |
| 24 | `#460546` | `oklch(28.07% 0.1211 327.91)` | Alien Purple | white, 15.3 to 1 |
| 25 | `#3f0446` | `oklch(26.77% 0.1198 323.48)` | Romanic Scene | white, 15.9 to 1 |
| 26 | `#3d0346` | `oklch(26.15% 0.1193 321.68)` | Romanic Scene | white, 16.2 to 1 |
| 27 | `#3e0345` | `oklch(26.38% 0.1199 323.03)` | Romanic Scene | white, 16.1 to 1 |
| 28 | `#440345` | `oklch(27.50% 0.1214 327.94)` | Jacarta | white, 15.5 to 1 |
| 29 | `#4e0443` | `oklch(29.41% 0.1237 336.13)` | Pion Purple | white, 14.7 to 1 |
| 30 | `#5c073f` | `oklch(31.95% 0.1266 347.05)` | Mulberry Wood | white, 13.5 to 1 |
| 31 | `#6b0d38` | `oklch(35.01% 0.1300 0.15)` | Her Fierceness | white, 12 to 1 |
| 32 | `#7b162c` | `oklch(38.45% 0.1337 14.87)` | Jazzy Red | white, 10.5 to 1 |
| 33 | `#892418` | `oklch(42.14% 0.1377 30.66)` | Minotaurus Brown | white, 9 to 1 |
| 34 | `#8e3b00` | `oklch(45.96% 0.1273 46.90)` | Espresso Martini | white, 7.5 to 1 |
| 35 | `#8f5200` | `oklch(49.77% 0.1134 63.19)` | Plain Old Brown | white, 6.2 to 1 |
| 36 | `#8f6400` | `oklch(53.45% 0.1111 78.89)` | Alligator | white, 5.2 to 1 |
| 37 | `#8e7400` | `oklch(56.86% 0.1165 93.44)` | Vermin Brown | black, 4.6 to 1 |
| 38 | `#8a8400` | `oklch(59.87% 0.1279 106.30)` | Fickle Pickle | black, 5.3 to 1 |
| 39 | `#829100` | `oklch(62.35% 0.1437 116.91)` | Foggy Bog | black, 6 to 1 |
| 40 | `#779c00` | `oklch(64.17% 0.1607 124.71)` | Luminescent Green | black, 6.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #150109 0.0%, #1b020c 2.6%, #22030f 5.1%, #2b0512 7.7%, #360915 10.3%, #420f17 12.8%, #4f1518 15.4%, #5c1b18 17.9%, #682216 20.5%, #742912 23.1%, #7e2f0d 25.6%, #863406 28.2%, #8d3802 30.8%, #913901 33.3%, #933708 35.9%, #923215 38.5%, #8e2b21 41.0%, #87242b 43.6%, #7e1c34 46.2%, #72153b 48.7%, #660f40 51.3%, #5a0b44 53.8%, #4f0846 56.4%, #460546 59.0%, #3f0446 61.5%, #3d0346 64.1%, #3e0345 66.7%, #440345 69.2%, #4e0443 71.8%, #5c073f 74.4%, #6b0d38 76.9%, #7b162c 79.5%, #892418 82.1%, #8e3b00 84.6%, #8f5200 87.2%, #8f6400 89.7%, #8e7400 92.3%, #8a8400 94.9%, #829100 97.4%, #779c00 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(13.39% 0.0482 353.67) 0.0%, oklch(14.97% 0.0522 356.27) 2.6%, oklch(17.14% 0.0575 0.00) 5.1%, oklch(19.77% 0.0639 4.62) 7.7%, oklch(22.75% 0.0711 9.87) 10.3%, oklch(25.96% 0.0788 15.50) 12.8%, oklch(29.28% 0.0869 21.26) 15.4%, oklch(32.61% 0.0951 26.91) 17.9%, oklch(35.82% 0.1032 32.20) 20.5%, oklch(38.80% 0.1108 36.87) 23.1%, oklch(41.43% 0.1178 40.67) 25.6%, oklch(43.59% 0.1238 43.36) 28.2%, oklch(45.18% 0.1287 44.68) 30.8%, oklch(46.06% 0.1323 44.40) 33.3%, oklch(46.11% 0.1343 41.80) 35.9%, oklch(45.34% 0.1351 36.72) 38.5%, oklch(43.92% 0.1349 29.66) 41.0%, oklch(41.98% 0.1338 21.13) 43.6%, oklch(39.69% 0.1321 11.66) 46.2%, oklch(37.18% 0.1299 1.74) 48.7%, oklch(34.62% 0.1275 351.89) 51.3%, oklch(32.15% 0.1251 342.63) 53.8%, oklch(29.91% 0.1229 334.47) 56.4%, oklch(28.07% 0.1211 327.91) 59.0%, oklch(26.77% 0.1198 323.48) 61.5%, oklch(26.15% 0.1193 321.68) 64.1%, oklch(26.38% 0.1199 323.03) 66.7%, oklch(27.50% 0.1214 327.94) 69.2%, oklch(29.41% 0.1237 336.13) 71.8%, oklch(31.95% 0.1266 347.05) 74.4%, oklch(35.01% 0.1300 0.15) 76.9%, oklch(38.45% 0.1337 14.87) 79.5%, oklch(42.14% 0.1377 30.66) 82.1%, oklch(45.96% 0.1273 46.90) 84.6%, oklch(49.77% 0.1134 63.19) 87.2%, oklch(53.45% 0.1111 78.89) 89.7%, oklch(56.86% 0.1165 93.44) 92.3%, oklch(59.87% 0.1279 106.30) 94.9%, oklch(62.35% 0.1437 116.91) 97.4%, oklch(64.17% 0.1607 124.71) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.134 | 0.048 | 353.7 |
| 2 | 0.461 | 0.132 | 404.4 |
| 3 | 0.264 | 0.12 | 323 |
| 4 | 0.642 | 0.161 | 484.7 |

## Other forms

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