# Black, red, green and beige radial gradient

Black, red, green and beige radial gradient with 32 colors: #1d0002, #220202, #270603, #2e0d03, #351604, #3d1e05, #432704, #473001, #483b00, #434705, #395317, #2c5f28, #226931, #2f7129, #597200, #816e00, #a46500, #cd5000, #e63d38, #f04644, #f45b1a, #dd8300, #c4a000, #9fba42, #84c97a, #87d195, #9ed79e, #bddba3, #d9dead, #ede2bc, #f9e7cd, #feecdb. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYJSsPJxdFjwqyTQS7F5KpOvkLNg`
- Page: https://grabient.com/kYJSsPJxdFjwqyTQS7F5KpOvkLNg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 17.3 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 | `#1d0002` | `oklch(14.61% 0.0588 21.41)` | Dwarf Fortress | white, 19.9 to 1 |
| 2 | `#220202` | `oklch(16.25% 0.0591 25.73)` | Ponzu Brown | white, 19.5 to 1 |
| 3 | `#270603` | `oklch(18.57% 0.0585 31.83)` | Sepia Black | white, 18.8 to 1 |
| 4 | `#2e0d03` | `oklch(21.31% 0.0580 39.19)` | Root Brew | white, 17.8 to 1 |
| 5 | `#351604` | `oklch(24.30% 0.0581 47.58)` | American Bronze | white, 16.5 to 1 |
| 6 | `#3d1e05` | `oklch(27.32% 0.0594 56.80)` | 90% Cocoa | white, 15.1 to 1 |
| 7 | `#432704` | `oklch(30.17% 0.0625 66.63)` | Ibex Brown | white, 13.7 to 1 |
| 8 | `#473001` | `oklch(32.83% 0.0676 78.69)` | Night in the Woods | white, 12.4 to 1 |
| 9 | `#483b00` | `oklch(35.51% 0.0729 95.06)` | Xanthophobia | white, 11 to 1 |
| 10 | `#434705` | `oklch(38.19% 0.0822 113.11)` | Green Not Found | white, 9.7 to 1 |
| 11 | `#395317` | `oklch(40.88% 0.0913 129.77)` | Navy Green | white, 8.6 to 1 |
| 12 | `#2c5f28` | `oklch(43.56% 0.1015 142.17)` | Bright Nori | white, 7.5 to 1 |
| 13 | `#226931` | `oklch(46.20% 0.1125 147.41)` | Camarone | white, 6.7 to 1 |
| 14 | `#2f7129` | `oklch(48.80% 0.1252 141.86)` | Green-Eyed Monster | white, 5.9 to 1 |
| 15 | `#597200` | `oklch(51.36% 0.1266 123.37)` | Over the Hills | white, 5.4 to 1 |
| 16 | `#816e00` | `oklch(53.88% 0.1111 97.00)` | Sunlit Kelp Green | white, 5 to 1 |
| 17 | `#a46500` | `oklch(56.40% 0.1234 68.41)` | Cumin Ochre | white, 4.7 to 1 |
| 18 | `#cd5000` | `oklch(58.92% 0.1737 43.27)` | Hot Bolognese | black, 4.7 to 1 |
| 19 | `#e63d38` | `oklch(61.46% 0.2063 27.21)` | Carpaccio | black, 5.1 to 1 |
| 20 | `#f04644` | `oklch(64.02% 0.2073 25.73)` | Glowing Brake Disc | black, 5.6 to 1 |
| 21 | `#f45b1a` | `oklch(66.61% 0.1995 39.80)` | Buffallo Sauce | black, 6.3 to 1 |
| 22 | `#dd8300` | `oklch(69.21% 0.1564 64.10)` | Tangerine Haze | black, 7.3 to 1 |
| 23 | `#c4a000` | `oklch(71.82% 0.1470 92.95)` | Molten Bronze | black, 8.3 to 1 |
| 24 | `#9fba42` | `oklch(74.44% 0.1475 120.58)` | Clipped Grass | black, 9.5 to 1 |
| 25 | `#84c97a` | `oklch(77.05% 0.1287 141.27)` | Emerald Rain | black, 10.6 to 1 |
| 26 | `#87d195` | `oklch(79.66% 0.1128 149.37)` | Fennel | black, 11.5 to 1 |
| 27 | `#9ed79e` | `oklch(82.50% 0.0975 144.64)` | Green Trance | black, 12.6 to 1 |
| 28 | `#bddba3` | `oklch(85.52% 0.0815 131.32)` | Embroidered Silk | black, 13.8 to 1 |
| 29 | `#d9dead` | `oklch(88.51% 0.0657 113.07)` | Zombie | black, 15 to 1 |
| 30 | `#ede2bc` | `oklch(91.26% 0.0513 93.57)` | Clover Honey | black, 16.2 to 1 |
| 31 | `#f9e7cd` | `oklch(93.59% 0.0392 76.48)` | Peach Umbrella | black, 17.3 to 1 |
| 32 | `#feecdb` | `oklch(95.28% 0.0303 65.48)` | Flowerbed | black, 18.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #1d0002 0.0%, #220202 3.2%, #270603 6.5%, #2e0d03 9.7%, #351604 12.9%, #3d1e05 16.1%, #432704 19.4%, #473001 22.6%, #483b00 25.8%, #434705 29.0%, #395317 32.3%, #2c5f28 35.5%, #226931 38.7%, #2f7129 41.9%, #597200 45.2%, #816e00 48.4%, #a46500 51.6%, #cd5000 54.8%, #e63d38 58.1%, #f04644 61.3%, #f45b1a 64.5%, #dd8300 67.7%, #c4a000 71.0%, #9fba42 74.2%, #84c97a 77.4%, #87d195 80.6%, #9ed79e 83.9%, #bddba3 87.1%, #d9dead 90.3%, #ede2bc 93.5%, #f9e7cd 96.8%, #feecdb 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(14.61% 0.0588 21.41) 0.0%, oklch(16.25% 0.0591 25.73) 3.2%, oklch(18.57% 0.0585 31.83) 6.5%, oklch(21.31% 0.0580 39.19) 9.7%, oklch(24.30% 0.0581 47.58) 12.9%, oklch(27.32% 0.0594 56.80) 16.1%, oklch(30.17% 0.0625 66.63) 19.4%, oklch(32.83% 0.0676 78.69) 22.6%, oklch(35.51% 0.0729 95.06) 25.8%, oklch(38.19% 0.0822 113.11) 29.0%, oklch(40.88% 0.0913 129.77) 32.3%, oklch(43.56% 0.1015 142.17) 35.5%, oklch(46.20% 0.1125 147.41) 38.7%, oklch(48.80% 0.1252 141.86) 41.9%, oklch(51.36% 0.1266 123.37) 45.2%, oklch(53.88% 0.1111 97.00) 48.4%, oklch(56.40% 0.1234 68.41) 51.6%, oklch(58.92% 0.1737 43.27) 54.8%, oklch(61.46% 0.2063 27.21) 58.1%, oklch(64.02% 0.2073 25.73) 61.3%, oklch(66.61% 0.1995 39.80) 64.5%, oklch(69.21% 0.1564 64.10) 67.7%, oklch(71.82% 0.1470 92.95) 71.0%, oklch(74.44% 0.1475 120.58) 74.2%, oklch(77.05% 0.1287 141.27) 77.4%, oklch(79.66% 0.1128 149.37) 80.6%, oklch(82.50% 0.0975 144.64) 83.9%, oklch(85.52% 0.0815 131.32) 87.1%, oklch(88.51% 0.0657 113.07) 90.3%, oklch(91.26% 0.0513 93.57) 93.5%, oklch(93.59% 0.0392 76.48) 96.8%, oklch(95.28% 0.0303 65.48) 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 | 21.1 |
| 2 | 0.307 | 0.063 | 68.6 |
| 3 | 0.472 | 0.117 | 146.8 |
| 4 | 0.63 | 0.208 | 24.3 |
| 5 | 0.791 | 0.116 | 149 |
| 6 | 0.953 | 0.03 | 65.5 |

## Other forms

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