# Beige, green, brown and purple radial gradient

Beige, green, brown and purple radial gradient with 32 colors: #eef2ce, #ebf0c9, #e7eec3, #e2ecbc, #dce9b5, #d4e7ad, #cce5a6, #c3e29e, #b9df97, #afdc8f, #a4d987, #9bd57f, #93d076, #8ecb6b, #8bc45f, #8cbd50, #91b53e, #98aa26, #a09e00, #a69000, #aa8200, #ad7300, #af6300, #ab5524, #a34a37, #984244, #8c3c4f, #7f3856, #72355b, #67335e, #5d315f, #552f5e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kS8SJQXTbBq-grA`
- Page: https://grabient.com/kS8SJQXTbBq-grA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, pastel
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 9.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 | `#eef2ce` | `oklch(94.88% 0.0469 112.50)` | Race the Sun | black, 18.2 to 1 |
| 2 | `#ebf0c9` | `oklch(94.12% 0.0509 113.39)` | Passionate Pause | black, 17.8 to 1 |
| 3 | `#e7eec3` | `oklch(93.25% 0.0563 115.01)` | Delicate Daisy | black, 17.3 to 1 |
| 4 | `#e2ecbc` | `oklch(92.27% 0.0628 117.19)` | Spirit Whisper | black, 16.9 to 1 |
| 5 | `#dce9b5` | `oklch(91.18% 0.0702 119.78)` | Lichen Gold | black, 16.4 to 1 |
| 6 | `#d4e7ad` | `oklch(90.00% 0.0783 122.62)` | Lasting Thoughts | black, 15.8 to 1 |
| 7 | `#cce5a6` | `oklch(88.73% 0.0869 125.55)` | Field Day | black, 15.2 to 1 |
| 8 | `#c3e29e` | `oklch(87.37% 0.0957 128.40)` | Cactus Spike | black, 14.6 to 1 |
| 9 | `#b9df97` | `oklch(85.93% 0.1045 131.02)` | Basil Smash | black, 14 to 1 |
| 10 | `#afdc8f` | `oklch(84.42% 0.1132 133.26)` | Stem Green | black, 13.4 to 1 |
| 11 | `#a4d987` | `oklch(82.84% 0.1214 134.94)` | Feijoa | black, 12.8 to 1 |
| 12 | `#9bd57f` | `oklch(81.20% 0.1291 135.92)` | Celery Sprig | black, 12.1 to 1 |
| 13 | `#93d076` | `oklch(79.50% 0.1359 136.03)` | Fluorescence | black, 11.5 to 1 |
| 14 | `#8ecb6b` | `oklch(77.76% 0.1417 135.12)` | Apple Orchard | black, 10.8 to 1 |
| 15 | `#8bc45f` | `oklch(75.97% 0.1462 133.02)` | Cabbage Patch | black, 10.2 to 1 |
| 16 | `#8cbd50` | `oklch(74.15% 0.1493 129.57)` | Makin It Rain | black, 9.5 to 1 |
| 17 | `#91b53e` | `oklch(72.27% 0.1507 124.55)` | Grinch Green | black, 8.8 to 1 |
| 18 | `#98aa26` | `oklch(70.17% 0.1505 117.54)` | Lime Green | black, 8.1 to 1 |
| 19 | `#a09e00` | `oklch(67.86% 0.1470 108.73)` | Forest Lichen | black, 7.3 to 1 |
| 20 | `#a69000` | `oklch(65.39% 0.1353 98.40)` | Romaine Green | black, 6.6 to 1 |
| 21 | `#aa8200` | `oklch(62.79% 0.1284 86.84)` | Chestnut Gold | black, 5.9 to 1 |
| 22 | `#ad7300` | `oklch(60.11% 0.1272 74.33)` | Cookie Dough | black, 5.2 to 1 |
| 23 | `#af6300` | `oklch(57.38% 0.1331 61.15)` | Ginger | black, 4.5 to 1 |
| 24 | `#ab5524` | `oklch(54.64% 0.1278 47.62)` | Wine Barrel | white, 5.1 to 1 |
| 25 | `#a34a37` | `oklch(51.94% 0.1220 33.97)` | Rodeo Red | white, 5.8 to 1 |
| 26 | `#984244` | `oklch(49.32% 0.1162 20.49)` | Classic Cherry | white, 6.5 to 1 |
| 27 | `#8c3c4f` | `oklch(46.81% 0.1104 7.48)` | Liaison | white, 7.3 to 1 |
| 28 | `#7f3856` | `oklch(44.45% 0.1050 355.21)` | Alfonso Olive | white, 8 to 1 |
| 29 | `#72355b` | `oklch(42.29% 0.1000 343.98)` | Possessed Plum | white, 8.8 to 1 |
| 30 | `#67335e` | `oklch(40.37% 0.0956 334.05)` | Opulent Purple | white, 9.5 to 1 |
| 31 | `#5d315f` | `oklch(38.73% 0.0921 325.72)` | Passion Razz | white, 10.1 to 1 |
| 32 | `#552f5e` | `oklch(37.40% 0.0896 319.27)` | Royal Crown | white, 10.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #eef2ce 0.0%, #ebf0c9 3.2%, #e7eec3 6.5%, #e2ecbc 9.7%, #dce9b5 12.9%, #d4e7ad 16.1%, #cce5a6 19.4%, #c3e29e 22.6%, #b9df97 25.8%, #afdc8f 29.0%, #a4d987 32.3%, #9bd57f 35.5%, #93d076 38.7%, #8ecb6b 41.9%, #8bc45f 45.2%, #8cbd50 48.4%, #91b53e 51.6%, #98aa26 54.8%, #a09e00 58.1%, #a69000 61.3%, #aa8200 64.5%, #ad7300 67.7%, #af6300 71.0%, #ab5524 74.2%, #a34a37 77.4%, #984244 80.6%, #8c3c4f 83.9%, #7f3856 87.1%, #72355b 90.3%, #67335e 93.5%, #5d315f 96.8%, #552f5e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(94.88% 0.0469 112.50) 0.0%, oklch(94.12% 0.0509 113.39) 3.2%, oklch(93.25% 0.0563 115.01) 6.5%, oklch(92.27% 0.0628 117.19) 9.7%, oklch(91.18% 0.0702 119.78) 12.9%, oklch(90.00% 0.0783 122.62) 16.1%, oklch(88.73% 0.0869 125.55) 19.4%, oklch(87.37% 0.0957 128.40) 22.6%, oklch(85.93% 0.1045 131.02) 25.8%, oklch(84.42% 0.1132 133.26) 29.0%, oklch(82.84% 0.1214 134.94) 32.3%, oklch(81.20% 0.1291 135.92) 35.5%, oklch(79.50% 0.1359 136.03) 38.7%, oklch(77.76% 0.1417 135.12) 41.9%, oklch(75.97% 0.1462 133.02) 45.2%, oklch(74.15% 0.1493 129.57) 48.4%, oklch(72.27% 0.1507 124.55) 51.6%, oklch(70.17% 0.1505 117.54) 54.8%, oklch(67.86% 0.1470 108.73) 58.1%, oklch(65.39% 0.1353 98.40) 61.3%, oklch(62.79% 0.1284 86.84) 64.5%, oklch(60.11% 0.1272 74.33) 67.7%, oklch(57.38% 0.1331 61.15) 71.0%, oklch(54.64% 0.1278 47.62) 74.2%, oklch(51.94% 0.1220 33.97) 77.4%, oklch(49.32% 0.1162 20.49) 80.6%, oklch(46.81% 0.1104 7.48) 83.9%, oklch(44.45% 0.1050 355.21) 87.1%, oklch(42.29% 0.1000 343.98) 90.3%, oklch(40.37% 0.0956 334.05) 93.5%, oklch(38.73% 0.0921 325.72) 96.8%, oklch(37.40% 0.0896 319.27) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.949 | 0.047 | 112.5 |
| 2 | 0.732 | 0.15 | 127.3 |
| 3 | 0.374 | 0.09 | -40.7 |

## In these collections

- [Cabbage crush](https://grabient.com/cabbage-crush)

## Other forms

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