# Yellow, green, brown and beige radial gradient

Yellow, green, brown and beige radial gradient with 48 colors: #e1a934, #ddaa2e, #d9ad25, #d3b01b, #cab310, #c0b70a, #b5bb11, #a8be1d, #9ac128, #8dc232, #81c238, #7abf3b, #77bb38, #79b430, #7daa23, #829e11, #869100, #878400, #877800, #846c04, #806212, #7c5b1b, #785522, #755226, #745128, #76522a, #79542c, #7f582c, #855d2d, #8c632d, #946a2d, #9c712e, #a4792e, #ab8130, #b28833, #b88f38, #bd963f, #c29d47, #c8a451, #cdac5b, #d2b466, #d8bb71, #ddc37c, #e2ca86, #e7d18f, #ebd698, #eedb9f, #f1dfa4. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWw2c6XEBGDsbOFWKcG8xzBA`
- Page: https://grabient.com/kWw2c6XEBGDsbOFWKcG8xzBA?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: dark center, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#e1a934` | `oklch(76.77% 0.1419 81.56)` | Dutch Orange | black, 9.9 to 1 |
| 2 | `#ddaa2e` | `oklch(76.63% 0.1441 84.51)` | Currywurst | black, 9.9 to 1 |
| 3 | `#d9ad25` | `oklch(76.55% 0.1474 88.74)` | Baroque | black, 9.9 to 1 |
| 4 | `#d3b01b` | `oklch(76.50% 0.1516 93.94)` | Grass Daisy | black, 9.9 to 1 |
| 5 | `#cab310` | `oklch(76.45% 0.1563 99.80)` | Mustard | black, 10 to 1 |
| 6 | `#c0b70a` | `oklch(76.36% 0.1613 106.01)` | Olive Yellow | black, 10 to 1 |
| 7 | `#b5bb11` | `oklch(76.21% 0.1661 112.25)` | Pickled Limes | black, 10 to 1 |
| 8 | `#a8be1d` | `oklch(75.96% 0.1706 118.23)` | Pea | black, 10 to 1 |
| 9 | `#9ac128` | `oklch(75.58% 0.1743 123.62)` | Gross Green | black, 10 to 1 |
| 10 | `#8dc232` | `oklch(75.03% 0.1770 128.12)` | Dark Lemon Lime | black, 9.8 to 1 |
| 11 | `#81c238` | `oklch(74.29% 0.1783 131.41)` | Jasmine Green | black, 9.6 to 1 |
| 12 | `#7abf3b` | `oklch(73.33% 0.1779 133.19)` | Kiwi Crush | black, 9.3 to 1 |
| 13 | `#77bb38` | `oklch(72.10% 0.1756 133.14)` | Jubilant Meadow | black, 8.9 to 1 |
| 14 | `#79b430` | `oklch(70.36% 0.1706 131.02)` | Natural Order | black, 8.3 to 1 |
| 15 | `#7daa23` | `oklch(68.12% 0.1633 127.10)` | Hillsbrad Grass | black, 7.6 to 1 |
| 16 | `#829e11` | `oklch(65.51% 0.1541 121.73)` | Bruni Green | black, 6.8 to 1 |
| 17 | `#869100` | `oklch(62.67% 0.1423 115.28)` | Foggy Bog | black, 6 to 1 |
| 18 | `#878400` | `oklch(59.70% 0.1288 108.11)` | Palak Paneer | black, 5.3 to 1 |
| 19 | `#877800` | `oklch(56.75% 0.1182 100.57)` | Soft Fig | black, 4.6 to 1 |
| 20 | `#846c04` | `oklch(53.94% 0.1093 93.05)` | Muddy Brown | white, 5 to 1 |
| 21 | `#806212` | `oklch(51.40% 0.0986 85.88)` | Ground Earth | white, 5.6 to 1 |
| 22 | `#7c5b1b` | `oklch(49.26% 0.0892 79.44)` | Qahvei Brown | white, 6.2 to 1 |
| 23 | `#785522` | `oklch(47.63% 0.0815 74.09)` | Lizard Brown | white, 6.7 to 1 |
| 24 | `#755226` | `oklch(46.66% 0.0761 70.18)` | Bark Brown | white, 7 to 1 |
| 25 | `#745128` | `oklch(46.44% 0.0734 67.97)` | Bark Brown | white, 7.1 to 1 |
| 26 | `#76522a` | `oklch(46.86% 0.0732 66.96)` | Bark Brown | white, 6.9 to 1 |
| 27 | `#79542c` | `oklch(47.84% 0.0749 66.90)` | Arable Brown | white, 6.6 to 1 |
| 28 | `#7f582c` | `oklch(49.27% 0.0783 67.63)` | Hot Curry | white, 6.2 to 1 |
| 29 | `#855d2d` | `oklch(51.08% 0.0828 69.01)` | Treacle | white, 5.8 to 1 |
| 30 | `#8c632d` | `oklch(53.19% 0.0881 70.87)` | Rusty Coin | white, 5.3 to 1 |
| 31 | `#946a2d` | `oklch(55.50% 0.0939 73.05)` | Vintage Caramel | white, 4.8 to 1 |
| 32 | `#9c712e` | `oklch(57.94% 0.0996 75.40)` | Buttered Rum | black, 4.8 to 1 |
| 33 | `#a4792e` | `oklch(60.41% 0.1049 77.77)` | Natural Evolution | black, 5.3 to 1 |
| 34 | `#ab8130` | `oklch(62.85% 0.1094 80.00)` | Bronze Leaf | black, 5.8 to 1 |
| 35 | `#b28833` | `oklch(65.15% 0.1126 81.93)` | Brass Yellow | black, 6.4 to 1 |
| 36 | `#b88f38` | `oklch(67.24% 0.1143 83.40)` | Hokey Pokey | black, 7 to 1 |
| 37 | `#bd963f` | `oklch(69.17% 0.1141 84.45)` | Suzani Gold | black, 7.5 to 1 |
| 38 | `#c29d47` | `oklch(71.25% 0.1128 85.47)` | Golden Field | black, 8.1 to 1 |
| 39 | `#c8a451` | `oklch(73.43% 0.1104 86.46)` | Golden Sheaf | black, 8.8 to 1 |
| 40 | `#cdac5b` | `oklch(75.68% 0.1073 87.43)` | Hay Wain | black, 9.6 to 1 |
| 41 | `#d2b466` | `oklch(77.95% 0.1036 88.36)` | Trumpet | black, 10.4 to 1 |
| 42 | `#d8bb71` | `oklch(80.19% 0.0995 89.25)` | Pineapple Wine | black, 11.3 to 1 |
| 43 | `#ddc37c` | `oklch(82.36% 0.0952 90.08)` | Germania | black, 12.1 to 1 |
| 44 | `#e2ca86` | `oklch(84.41% 0.0910 90.86)` | Camel Cord | black, 13 to 1 |
| 45 | `#e7d18f` | `oklch(86.30% 0.0870 91.56)` | Sweet Angelica | black, 13.8 to 1 |
| 46 | `#ebd698` | `oklch(87.98% 0.0835 92.19)` | Tainted Gold | black, 14.6 to 1 |
| 47 | `#eedb9f` | `oklch(89.42% 0.0806 92.73)` | Sun Deck | black, 15.3 to 1 |
| 48 | `#f1dfa4` | `oklch(90.55% 0.0785 93.19)` | North Star | black, 15.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e1a934 0.0%, #ddaa2e 2.1%, #d9ad25 4.3%, #d3b01b 6.4%, #cab310 8.5%, #c0b70a 10.6%, #b5bb11 12.8%, #a8be1d 14.9%, #9ac128 17.0%, #8dc232 19.1%, #81c238 21.3%, #7abf3b 23.4%, #77bb38 25.5%, #79b430 27.7%, #7daa23 29.8%, #829e11 31.9%, #869100 34.0%, #878400 36.2%, #877800 38.3%, #846c04 40.4%, #806212 42.6%, #7c5b1b 44.7%, #785522 46.8%, #755226 48.9%, #745128 51.1%, #76522a 53.2%, #79542c 55.3%, #7f582c 57.4%, #855d2d 59.6%, #8c632d 61.7%, #946a2d 63.8%, #9c712e 66.0%, #a4792e 68.1%, #ab8130 70.2%, #b28833 72.3%, #b88f38 74.5%, #bd963f 76.6%, #c29d47 78.7%, #c8a451 80.9%, #cdac5b 83.0%, #d2b466 85.1%, #d8bb71 87.2%, #ddc37c 89.4%, #e2ca86 91.5%, #e7d18f 93.6%, #ebd698 95.7%, #eedb9f 97.9%, #f1dfa4 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(76.77% 0.1419 81.56) 0.0%, oklch(76.63% 0.1441 84.51) 2.1%, oklch(76.55% 0.1474 88.74) 4.3%, oklch(76.50% 0.1516 93.94) 6.4%, oklch(76.45% 0.1563 99.80) 8.5%, oklch(76.36% 0.1613 106.01) 10.6%, oklch(76.21% 0.1661 112.25) 12.8%, oklch(75.96% 0.1706 118.23) 14.9%, oklch(75.58% 0.1743 123.62) 17.0%, oklch(75.03% 0.1770 128.12) 19.1%, oklch(74.29% 0.1783 131.41) 21.3%, oklch(73.33% 0.1779 133.19) 23.4%, oklch(72.10% 0.1756 133.14) 25.5%, oklch(70.36% 0.1706 131.02) 27.7%, oklch(68.12% 0.1633 127.10) 29.8%, oklch(65.51% 0.1541 121.73) 31.9%, oklch(62.67% 0.1423 115.28) 34.0%, oklch(59.70% 0.1288 108.11) 36.2%, oklch(56.75% 0.1182 100.57) 38.3%, oklch(53.94% 0.1093 93.05) 40.4%, oklch(51.40% 0.0986 85.88) 42.6%, oklch(49.26% 0.0892 79.44) 44.7%, oklch(47.63% 0.0815 74.09) 46.8%, oklch(46.66% 0.0761 70.18) 48.9%, oklch(46.44% 0.0734 67.97) 51.1%, oklch(46.86% 0.0732 66.96) 53.2%, oklch(47.84% 0.0749 66.90) 55.3%, oklch(49.27% 0.0783 67.63) 57.4%, oklch(51.08% 0.0828 69.01) 59.6%, oklch(53.19% 0.0881 70.87) 61.7%, oklch(55.50% 0.0939 73.05) 63.8%, oklch(57.94% 0.0996 75.40) 66.0%, oklch(60.41% 0.1049 77.77) 68.1%, oklch(62.85% 0.1094 80.00) 70.2%, oklch(65.15% 0.1126 81.93) 72.3%, oklch(67.24% 0.1143 83.40) 74.5%, oklch(69.17% 0.1141 84.45) 76.6%, oklch(71.25% 0.1128 85.47) 78.7%, oklch(73.43% 0.1104 86.46) 80.9%, oklch(75.68% 0.1073 87.43) 83.0%, oklch(77.95% 0.1036 88.36) 85.1%, oklch(80.19% 0.0995 89.25) 87.2%, oklch(82.36% 0.0952 90.08) 89.4%, oklch(84.41% 0.0910 90.86) 91.5%, oklch(86.30% 0.0870 91.56) 93.6%, oklch(87.98% 0.0835 92.19) 95.7%, oklch(89.42% 0.0806 92.73) 97.9%, oklch(90.55% 0.0785 93.19) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.768 | 0.142 | 81.6 |
| 2 | 0.724 | 0.176 | 133.3 |
| 3 | 0.465 | 0.074 | 68.9 |
| 4 | 0.677 | 0.114 | 83.7 |
| 5 | 0.906 | 0.079 | 93.2 |

## Other forms

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