# Dark purple, olive, red and green radial gradient

Dark purple, olive, red and green radial gradient with 32 colors: #582f46, #613345, #6e3842, #7b403b, #874c31, #8f5b24, #916d1a, #8d7f1f, #849030, #7a9d42, #72a64e, #72aa4f, #7ca941, #8ea323, #a19800, #b18b00, #bd7c00, #ca6b00, #d2581e, #d14f3a, #ce4a47, #cc4947, #cb4c3e, #c7532c, #c15d0d, #b46b00, #a67700, #978104, #848a2d, #739146, #669558, #5e9764. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUXTH2VbDRkq9MtPI05g`
- Page: https://grabient.com/kUXTH2VbDRkq9MtPI05g?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#582f46` | `oklch(36.61% 0.0675 345.94)` | Winter Bloom | white, 10.9 to 1 |
| 2 | `#613345` | `oklch(38.54% 0.0714 355.57)` | Clinker Red | white, 10.1 to 1 |
| 3 | `#6e3842` | `oklch(41.22% 0.0766 9.33)` | Ripening Grape | white, 9.1 to 1 |
| 4 | `#7b403b` | `oklch(44.46% 0.0828 26.08)` | Raw Cinnabar | white, 7.9 to 1 |
| 5 | `#874c31` | `oklch(48.08% 0.0898 44.72)` | Two Cents | white, 6.7 to 1 |
| 6 | `#8f5b24` | `oklch(51.87% 0.0972 64.14)` | Afghan Carpet | white, 5.6 to 1 |
| 7 | `#916d1a` | `oklch(55.66% 0.1048 83.22)` | Sassy Olive | white, 4.7 to 1 |
| 8 | `#8d7f1f` | `oklch(59.25% 0.1123 100.86)` | Moscow Papyrus | black, 5.2 to 1 |
| 9 | `#849030` | `oklch(62.45% 0.1196 115.94)` | Wasabi Nuts | black, 6 to 1 |
| 10 | `#7a9d42` | `oklch(65.06% 0.1262 127.36)` | Aloe Vera Green | black, 6.7 to 1 |
| 11 | `#72a64e` | `oklch(66.91% 0.1320 133.98)` | Fern Flash | black, 7.3 to 1 |
| 12 | `#72aa4f` | `oklch(67.85% 0.1370 134.66)` | Asparagus | black, 7.5 to 1 |
| 13 | `#7ca941` | `oklch(68.03% 0.1422 129.24)` | Parakeet | black, 7.6 to 1 |
| 14 | `#8ea323` | `oklch(67.58% 0.1474 119.00)` | Noxious | black, 7.3 to 1 |
| 15 | `#a19800` | `oklch(66.66% 0.1416 105.28)` | Papyrus | black, 7 to 1 |
| 16 | `#b18b00` | `oklch(65.40% 0.1336 89.41)` | Yellow Brown | black, 6.5 to 1 |
| 17 | `#bd7c00` | `oklch(63.95% 0.1364 72.75)` | Guo Tie Dumpling | black, 6 to 1 |
| 18 | `#ca6b00` | `oklch(62.43% 0.1517 56.64)` | Sludge | black, 5.5 to 1 |
| 19 | `#d2581e` | `oklch(61.00% 0.1675 42.45)` | Tomato Bisque | black, 5.1 to 1 |
| 20 | `#d14f3a` | `oklch(59.80% 0.1689 31.46)` | Glazed Persimmon | black, 4.8 to 1 |
| 21 | `#ce4a47` | `oklch(58.95% 0.1689 25.05)` | Race Car Stripe | black, 4.6 to 1 |
| 22 | `#cc4947` | `oklch(58.59% 0.1674 24.47)` | African Mahogany | black, 4.6 to 1 |
| 23 | `#cb4c3e` | `oklch(58.55% 0.1635 29.26)` | Terra Cotta Red | black, 4.6 to 1 |
| 24 | `#c7532c` | `oklch(58.71% 0.1577 38.28)` | Spicy Tomato | black, 4.7 to 1 |
| 25 | `#c15d0d` | `oklch(59.03% 0.1503 50.56)` | Storybook Sundown | black, 4.8 to 1 |
| 26 | `#b46b00` | `oklch(59.47% 0.1333 65.11)` | Indocile Tiger | black, 5 to 1 |
| 27 | `#a67700` | `oklch(59.98% 0.1239 81.02)` | Bronze | black, 5.2 to 1 |
| 28 | `#978104` | `oklch(60.53% 0.1239 97.30)` | Thicket Green | black, 5.4 to 1 |
| 29 | `#848a2d` | `oklch(61.07% 0.1152 112.95)` | Buffy Citrine | black, 5.6 to 1 |
| 30 | `#739146` | `oklch(61.56% 0.1074 127.03)` | Fresh Herb | black, 5.8 to 1 |
| 31 | `#669558` | `oklch(61.95% 0.1010 138.55)` | Abundance | black, 5.9 to 1 |
| 32 | `#5e9764` | `oklch(62.20% 0.0965 146.56)` | Wildness Mint | black, 6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #582f46 0.0%, #613345 3.2%, #6e3842 6.5%, #7b403b 9.7%, #874c31 12.9%, #8f5b24 16.1%, #916d1a 19.4%, #8d7f1f 22.6%, #849030 25.8%, #7a9d42 29.0%, #72a64e 32.3%, #72aa4f 35.5%, #7ca941 38.7%, #8ea323 41.9%, #a19800 45.2%, #b18b00 48.4%, #bd7c00 51.6%, #ca6b00 54.8%, #d2581e 58.1%, #d14f3a 61.3%, #ce4a47 64.5%, #cc4947 67.7%, #cb4c3e 71.0%, #c7532c 74.2%, #c15d0d 77.4%, #b46b00 80.6%, #a67700 83.9%, #978104 87.1%, #848a2d 90.3%, #739146 93.5%, #669558 96.8%, #5e9764 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(36.61% 0.0675 345.94) 0.0%, oklch(38.54% 0.0714 355.57) 3.2%, oklch(41.22% 0.0766 9.33) 6.5%, oklch(44.46% 0.0828 26.08) 9.7%, oklch(48.08% 0.0898 44.72) 12.9%, oklch(51.87% 0.0972 64.14) 16.1%, oklch(55.66% 0.1048 83.22) 19.4%, oklch(59.25% 0.1123 100.86) 22.6%, oklch(62.45% 0.1196 115.94) 25.8%, oklch(65.06% 0.1262 127.36) 29.0%, oklch(66.91% 0.1320 133.98) 32.3%, oklch(67.85% 0.1370 134.66) 35.5%, oklch(68.03% 0.1422 129.24) 38.7%, oklch(67.58% 0.1474 119.00) 41.9%, oklch(66.66% 0.1416 105.28) 45.2%, oklch(65.40% 0.1336 89.41) 48.4%, oklch(63.95% 0.1364 72.75) 51.6%, oklch(62.43% 0.1517 56.64) 54.8%, oklch(61.00% 0.1675 42.45) 58.1%, oklch(59.80% 0.1689 31.46) 61.3%, oklch(58.95% 0.1689 25.05) 64.5%, oklch(58.59% 0.1674 24.47) 67.7%, oklch(58.55% 0.1635 29.26) 71.0%, oklch(58.71% 0.1577 38.28) 74.2%, oklch(59.03% 0.1503 50.56) 77.4%, oklch(59.47% 0.1333 65.11) 80.6%, oklch(59.98% 0.1239 81.02) 83.9%, oklch(60.53% 0.1239 97.30) 87.1%, oklch(61.07% 0.1152 112.95) 90.3%, oklch(61.56% 0.1074 127.03) 93.5%, oklch(61.95% 0.1010 138.55) 96.8%, oklch(62.20% 0.0965 146.56) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.366 | 0.068 | 345.9 |
| 2 | 0.673 | 0.134 | 494.9 |
| 3 | 0.587 | 0.168 | 384 |
| 4 | 0.622 | 0.096 | 506.6 |

## Other forms

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