# Brown, purple, pink and green radial gradient

Brown, purple, pink and green radial gradient with 32 colors: #5a854c, #707f36, #8b711b, #a06026, #a9534b, #a8516e, #a55886, #ad6492, #bd7797, #d08e9b, #e0a8a2, #eac1ae, #f0d2b9, #f3dbbb, #f1deb3, #eadda4, #dddb93, #cdd983, #bbd778, #add773, #a1d671, #98d56f, #92d36c, #8fcf65, #92c95a, #98c048, #a5b22b, #b19e00, #b88a00, #bb7609, #b86726, #b45e33. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYkUZiyKotnGRSfpsEbYLhAEkttk`
- Page: https://grabient.com/kYkUZiyKotnGRSfpsEbYLhAEkttk?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, pastel, multicolor
- Hues: two-hue
- 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 | `#5a854c` | `oklch(57.09% 0.0965 138.52)` | Beatnik | black, 4.9 to 1 |
| 2 | `#707f36` | `oklch(56.73% 0.0994 119.66)` | Leaps and Bounds | black, 4.7 to 1 |
| 3 | `#8b711b` | `oklch(55.95% 0.1044 91.45)` | Corn Harvest | white, 4.6 to 1 |
| 4 | `#a06026` | `oklch(55.14% 0.1099 58.87)` | Cathay Spice | white, 4.9 to 1 |
| 5 | `#a9534b` | `oklch(54.70% 0.1146 26.89)` | Maine-Anjou Cattle | white, 5.1 to 1 |
| 6 | `#a8516e` | `oklch(55.05% 0.1173 0.49)` | China Rose | white, 5.1 to 1 |
| 7 | `#a55886` | `oklch(56.60% 0.1164 344.64)` | Cyclamen Red | white, 4.8 to 1 |
| 8 | `#ad6492` | `oklch(59.95% 0.1101 342.53)` | Exotic Bloom | black, 5 to 1 |
| 9 | `#bd7797` | `oklch(65.25% 0.0976 350.97)` | Benifuji | black, 6.2 to 1 |
| 10 | `#d08e9b` | `oklch(71.63% 0.0820 6.54)` | Sianna Rose | black, 8 to 1 |
| 11 | `#e0a8a2` | `oklch(78.20% 0.0663 25.89)` | Coral Fountain | black, 10.2 to 1 |
| 12 | `#eac1ae` | `oklch(84.05% 0.0537 45.68)` | Zinnwaldite | black, 12.6 to 1 |
| 13 | `#f0d2b9` | `oklch(88.31% 0.0471 62.54)` | Creamery | black, 14.6 to 1 |
| 14 | `#f3dbbb` | `oklch(90.29% 0.0493 74.62)` | Morning Blossom | black, 15.6 to 1 |
| 15 | `#f1deb3` | `oklch(90.50% 0.0595 86.00)` | Calla | black, 15.8 to 1 |
| 16 | `#eadda4` | `oklch(89.50% 0.0750 96.87)` | Refreshing Tea | black, 15.4 to 1 |
| 17 | `#dddb93` | `oklch(87.74% 0.0931 106.84)` | Bored Accent Green | black, 14.6 to 1 |
| 18 | `#cdd983` | `oklch(85.71% 0.1109 115.54)` | Medium Spring Bud | black, 13.8 to 1 |
| 19 | `#bbd778` | `oklch(83.87% 0.1259 122.57)` | Rebounder | black, 13.1 to 1 |
| 20 | `#add773` | `oklch(82.66% 0.1356 127.67)` | Fashion Green | black, 12.7 to 1 |
| 21 | `#a1d671` | `oklch(81.75% 0.1426 131.56)` | Tropical Light | black, 12.4 to 1 |
| 22 | `#98d56f` | `oklch(80.91% 0.1478 134.18)` | Tropical Light | black, 12.1 to 1 |
| 23 | `#92d36c` | `oklch(80.00% 0.1514 135.20)` | Green Lacewing | black, 11.7 to 1 |
| 24 | `#8fcf65` | `oklch(78.90% 0.1536 134.32)` | Bright Lettuce | black, 11.3 to 1 |
| 25 | `#92c95a` | `oklch(77.46% 0.1544 131.20)` | Lone Hunter | black, 10.7 to 1 |
| 26 | `#98c048` | `oklch(75.55% 0.1542 125.47)` | Pesto Genovese | black, 9.9 to 1 |
| 27 | `#a5b22b` | `oklch(72.84% 0.1515 115.10)` | Vintage Chartreuse | black, 8.9 to 1 |
| 28 | `#b19e00` | `oklch(69.51% 0.1449 100.80)` | Lucky | black, 7.7 to 1 |
| 29 | `#b88a00` | `oklch(65.93% 0.1352 84.62)` | Loden Yellow | black, 6.6 to 1 |
| 30 | `#bb7609` | `oklch(62.48% 0.1344 68.65)` | Caramel Coating | black, 5.7 to 1 |
| 31 | `#b86726` | `oklch(59.54% 0.1290 54.93)` | Shutter Copper | black, 5 to 1 |
| 32 | `#b45e33` | `oklch(57.48% 0.1254 45.52)` | Gold Varnish Brown | white, 4.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #5a854c 0.0%, #707f36 3.2%, #8b711b 6.5%, #a06026 9.7%, #a9534b 12.9%, #a8516e 16.1%, #a55886 19.4%, #ad6492 22.6%, #bd7797 25.8%, #d08e9b 29.0%, #e0a8a2 32.3%, #eac1ae 35.5%, #f0d2b9 38.7%, #f3dbbb 41.9%, #f1deb3 45.2%, #eadda4 48.4%, #dddb93 51.6%, #cdd983 54.8%, #bbd778 58.1%, #add773 61.3%, #a1d671 64.5%, #98d56f 67.7%, #92d36c 71.0%, #8fcf65 74.2%, #92c95a 77.4%, #98c048 80.6%, #a5b22b 83.9%, #b19e00 87.1%, #b88a00 90.3%, #bb7609 93.5%, #b86726 96.8%, #b45e33 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(57.09% 0.0965 138.52) 0.0%, oklch(56.73% 0.0994 119.66) 3.2%, oklch(55.95% 0.1044 91.45) 6.5%, oklch(55.14% 0.1099 58.87) 9.7%, oklch(54.70% 0.1146 26.89) 12.9%, oklch(55.05% 0.1173 0.49) 16.1%, oklch(56.60% 0.1164 344.64) 19.4%, oklch(59.95% 0.1101 342.53) 22.6%, oklch(65.25% 0.0976 350.97) 25.8%, oklch(71.63% 0.0820 6.54) 29.0%, oklch(78.20% 0.0663 25.89) 32.3%, oklch(84.05% 0.0537 45.68) 35.5%, oklch(88.31% 0.0471 62.54) 38.7%, oklch(90.29% 0.0493 74.62) 41.9%, oklch(90.50% 0.0595 86.00) 45.2%, oklch(89.50% 0.0750 96.87) 48.4%, oklch(87.74% 0.0931 106.84) 51.6%, oklch(85.71% 0.1109 115.54) 54.8%, oklch(83.87% 0.1259 122.57) 58.1%, oklch(82.66% 0.1356 127.67) 61.3%, oklch(81.75% 0.1426 131.56) 64.5%, oklch(80.91% 0.1478 134.18) 67.7%, oklch(80.00% 0.1514 135.20) 71.0%, oklch(78.90% 0.1536 134.32) 74.2%, oklch(77.46% 0.1544 131.20) 77.4%, oklch(75.55% 0.1542 125.47) 80.6%, oklch(72.84% 0.1515 115.10) 83.9%, oklch(69.51% 0.1449 100.80) 87.1%, oklch(65.93% 0.1352 84.62) 90.3%, oklch(62.48% 0.1344 68.65) 93.5%, oklch(59.54% 0.1290 54.93) 96.8%, oklch(57.48% 0.1254 45.52) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.571 | 0.096 | 138.5 |
| 2 | 0.571 | 0.116 | -16.8 |
| 3 | 0.894 | 0.047 | 67.7 |
| 4 | 0.831 | 0.132 | 125.8 |
| 5 | 0.76 | 0.154 | 126.9 |
| 6 | 0.575 | 0.125 | 45.5 |

## Other forms

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