# Dark purple, brown, purple and black radial gradient

Dark purple, brown, purple and black radial gradient with 32 colors: #251628, #301b2d, #402333, #542d36, #693b35, #7c4c31, #89612d, #8f7730, #8f8c3c, #8c9d4b, #89a755, #8daa55, #98a649, #a79b36, #b68b29, #be7832, #bc6646, #b2575b, #a24d6a, #904771, #824170, #793b69, #73355a, #6e3046, #652c30, #5a2a1b, #4b2a0a, #3a2a05, #2a290a, #1d2611, #142315, #102016. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUOhzkWCpTjomrkcitUA`
- Page: https://grabient.com/kUOhzkWCpTjomrkcitUA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 6.5 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 | `#251628` | `oklch(22.83% 0.0386 320.63)` | Inside | white, 17.1 to 1 |
| 2 | `#301b2d` | `oklch(25.79% 0.0434 331.46)` | Delighted Chimp | white, 15.8 to 1 |
| 3 | `#402333` | `oklch(29.96% 0.0500 347.05)` | Soft Red | white, 13.9 to 1 |
| 4 | `#542d36` | `oklch(35.02% 0.0579 6.08)` | Port Royale | white, 11.6 to 1 |
| 5 | `#693b35` | `oklch(40.66% 0.0668 27.25)` | Burnished Bark | white, 9.2 to 1 |
| 6 | `#7c4c31` | `oklch(46.55% 0.0762 49.24)` | Urban Auburn | white, 7.1 to 1 |
| 7 | `#89612d` | `oklch(52.39% 0.0856 70.75)` | Rusty Coin | white, 5.5 to 1 |
| 8 | `#8f7730` | `oklch(57.85% 0.0946 90.48)` | Aubergine Green | black, 4.8 to 1 |
| 9 | `#8f8c3c` | `oklch(62.63% 0.1027 107.11)` | Cute Pixie | black, 5.9 to 1 |
| 10 | `#8c9d4b` | `oklch(66.39% 0.1095 119.34)` | Spinach Green | black, 7 to 1 |
| 11 | `#89a755` | `oklch(68.83% 0.1145 125.86)` | Mosquito Fern | black, 7.7 to 1 |
| 12 | `#8daa55` | `oklch(69.74% 0.1177 125.17)` | Chelsea Cucumber | black, 8 to 1 |
| 13 | `#98a649` | `oklch(69.45% 0.1199 116.79)` | Fresh Apple | black, 7.8 to 1 |
| 14 | `#a79b36` | `oklch(68.16% 0.1211 102.36)` | Pestulance | black, 7.4 to 1 |
| 15 | `#b68b29` | `oklch(66.07% 0.1215 83.61)` | Mineral Umber | black, 6.7 to 1 |
| 16 | `#be7832` | `oklch(63.36% 0.1211 62.31)` | Longan | black, 5.8 to 1 |
| 17 | `#bc6646` | `oklch(60.23% 0.1199 40.19)` | Dirt Track | black, 5.1 to 1 |
| 18 | `#b2575b` | `oklch(56.87% 0.1180 19.00)` | Alsike Clover Red | white, 4.7 to 1 |
| 19 | `#a24d6a` | `oklch(53.47% 0.1155 0.50)` | Raspberry Patch | white, 5.5 to 1 |
| 20 | `#904771` | `oklch(50.22% 0.1124 346.42)` | Goddess of Dawn | white, 6.3 to 1 |
| 21 | `#824170` | `oklch(47.32% 0.1088 338.51)` | Club Mauve | white, 7.1 to 1 |
| 22 | `#793b69` | `oklch(44.90% 0.1046 338.44)` | Burnt Orchid | white, 7.9 to 1 |
| 23 | `#73355a` | `oklch(42.48% 0.0989 345.84)` | Possessed Plum | white, 8.7 to 1 |
| 24 | `#6e3046` | `oklch(39.94% 0.0917 359.22)` | Cabernet Craving | white, 9.7 to 1 |
| 25 | `#652c30` | `oklch(37.33% 0.0835 17.19)` | Devil’s Lip | white, 10.7 to 1 |
| 26 | `#5a2a1b` | `oklch(34.71% 0.0746 38.39)` | Kōrozen | white, 11.7 to 1 |
| 27 | `#4b2a0a` | `oklch(32.16% 0.0654 61.43)` | Brown Study | white, 12.8 to 1 |
| 28 | `#3a2a05` | `oklch(29.73% 0.0563 84.93)` | Secret Passage | white, 13.8 to 1 |
| 29 | `#2a290a` | `oklch(27.47% 0.0477 107.53)` | Secret Passage | white, 14.7 to 1 |
| 30 | `#1d2611` | `oklch(25.47% 0.0400 127.85)` | Deep Slate Olive | white, 15.6 to 1 |
| 31 | `#142315` | `oklch(23.77% 0.0336 144.51)` | Nightmare | white, 16.3 to 1 |
| 32 | `#102016` | `oklch(22.44% 0.0289 156.12)` | Nightmare | white, 16.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #251628 0.0%, #301b2d 3.2%, #402333 6.5%, #542d36 9.7%, #693b35 12.9%, #7c4c31 16.1%, #89612d 19.4%, #8f7730 22.6%, #8f8c3c 25.8%, #8c9d4b 29.0%, #89a755 32.3%, #8daa55 35.5%, #98a649 38.7%, #a79b36 41.9%, #b68b29 45.2%, #be7832 48.4%, #bc6646 51.6%, #b2575b 54.8%, #a24d6a 58.1%, #904771 61.3%, #824170 64.5%, #793b69 67.7%, #73355a 71.0%, #6e3046 74.2%, #652c30 77.4%, #5a2a1b 80.6%, #4b2a0a 83.9%, #3a2a05 87.1%, #2a290a 90.3%, #1d2611 93.5%, #142315 96.8%, #102016 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(22.83% 0.0386 320.63) 0.0%, oklch(25.79% 0.0434 331.46) 3.2%, oklch(29.96% 0.0500 347.05) 6.5%, oklch(35.02% 0.0579 6.08) 9.7%, oklch(40.66% 0.0668 27.25) 12.9%, oklch(46.55% 0.0762 49.24) 16.1%, oklch(52.39% 0.0856 70.75) 19.4%, oklch(57.85% 0.0946 90.48) 22.6%, oklch(62.63% 0.1027 107.11) 25.8%, oklch(66.39% 0.1095 119.34) 29.0%, oklch(68.83% 0.1145 125.86) 32.3%, oklch(69.74% 0.1177 125.17) 35.5%, oklch(69.45% 0.1199 116.79) 38.7%, oklch(68.16% 0.1211 102.36) 41.9%, oklch(66.07% 0.1215 83.61) 45.2%, oklch(63.36% 0.1211 62.31) 48.4%, oklch(60.23% 0.1199 40.19) 51.6%, oklch(56.87% 0.1180 19.00) 54.8%, oklch(53.47% 0.1155 0.50) 58.1%, oklch(50.22% 0.1124 346.42) 61.3%, oklch(47.32% 0.1088 338.51) 64.5%, oklch(44.90% 0.1046 338.44) 67.7%, oklch(42.48% 0.0989 345.84) 71.0%, oklch(39.94% 0.0917 359.22) 74.2%, oklch(37.33% 0.0835 17.19) 77.4%, oklch(34.71% 0.0746 38.39) 80.6%, oklch(32.16% 0.0654 61.43) 83.9%, oklch(29.73% 0.0563 84.93) 87.1%, oklch(27.47% 0.0477 107.53) 90.3%, oklch(25.47% 0.0400 127.85) 93.5%, oklch(23.77% 0.0336 144.51) 96.8%, oklch(22.44% 0.0289 156.12) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.228 | 0.039 | 320.6 |
| 2 | 0.693 | 0.116 | 486.5 |
| 3 | 0.457 | 0.106 | 337.5 |
| 4 | 0.224 | 0.029 | 516.1 |

## In these collections

- [Wasabi plum editorial](https://grabient.com/wasabi-plum-editorial)
- [Kerala riverboat regatta](https://grabient.com/kerala-riverboat-regatta)
- [Green multicolor gradients](https://grabient.com/green-multicolor-gradients)
- [Gold border jasmine garland](https://grabient.com/gold-border-jasmine-garland)

## Other forms

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