# Tan, gray and green radial gradient

Tan, gray and green radial gradient with 64 colors: #e7c74d, #e6c34f, #e6bf51, #e4bb54, #e3b557, #e0b05b, #ddaa5e, #d8a562, #d39f66, #ce9a6a, #c7956e, #c19070, #ba8c73, #b28875, #ab8576, #a48277, #9e7f77, #987d77, #937b77, #8f7976, #8c7876, #8a7775, #897775, #8a7775, #8c7876, #8f7976, #937a77, #977b78, #9d7d79, #a27f79, #a8817a, #af847a, #b58679, #bb8879, #c28b78, #c78d76, #cd9074, #d19271, #d5956e, #d8976b, #da9967, #db9a63, #db9c60, #d99d5c, #d69d58, #d39e53, #ce9f50, #c89f4c, #c19f49, #ba9f47, #b29f46, #aa9e46, #a19e47, #989d48, #8f9c4a, #879b4d, #7e9a4f, #769852, #6e9755, #669557, #5f945a, #59935c, #54915e, #50915f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU1GdDSoi3t4nRJMJMog`
- Page: https://grabient.com/kU1GdDSoi3t4nRJMJMog?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: warm
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#e7c74d` | `oklch(83.46% 0.1419 94.22)` | Fall Meadow | black, 12.6 to 1 |
| 2 | `#e6c34f` | `oklch(82.78% 0.1386 92.29)` | New Yellow | black, 12.3 to 1 |
| 3 | `#e6bf51` | `oklch(81.90% 0.1344 89.85)` | Indian Maize | black, 11.9 to 1 |
| 4 | `#e4bb54` | `oklch(80.87% 0.1294 86.96)` | Soft Cheddar | black, 11.5 to 1 |
| 5 | `#e3b557` | `oklch(79.70% 0.1238 83.69)` | River of Gold | black, 11 to 1 |
| 6 | `#e0b05b` | `oklch(78.41% 0.1175 80.08)` | Lemon Poppy | black, 10.5 to 1 |
| 7 | `#ddaa5e` | `oklch(77.01% 0.1108 76.20)` | Earth Yellow | black, 10 to 1 |
| 8 | `#d8a562` | `oklch(75.55% 0.1037 72.11)` | Amber Brew | black, 9.4 to 1 |
| 9 | `#d39f66` | `oklch(74.02% 0.0963 67.85)` | Golden Aura | black, 8.9 to 1 |
| 10 | `#ce9a6a` | `oklch(72.46% 0.0888 63.50)` | Oak Buff | black, 8.4 to 1 |
| 11 | `#c7956e` | `oklch(70.89% 0.0812 59.10)` | Sonora Shade | black, 7.9 to 1 |
| 12 | `#c19070` | `oklch(69.32% 0.0737 54.72)` | Sunset Cloud | black, 7.5 to 1 |
| 13 | `#ba8c73` | `oklch(67.78% 0.0663 50.41)` | Dune Drift | black, 7 to 1 |
| 14 | `#b28875` | `oklch(66.29% 0.0591 46.23)` | Painted Skies | black, 6.6 to 1 |
| 15 | `#ab8576` | `oklch(64.87% 0.0523 42.24)` | Homestead | black, 6.3 to 1 |
| 16 | `#a48277` | `oklch(63.54% 0.0460 38.50)` | Undercooked Bacon | black, 6 to 1 |
| 17 | `#9e7f77` | `oklch(62.33% 0.0402 35.06)` | Cougar | black, 5.7 to 1 |
| 18 | `#987d77` | `oklch(61.24% 0.0351 31.99)` | Hemp | black, 5.5 to 1 |
| 19 | `#937b77` | `oklch(60.31% 0.0308 29.33)` | Antler | black, 5.3 to 1 |
| 20 | `#8f7976` | `oklch(59.56% 0.0273 27.16)` | Venus Deva | black, 5.1 to 1 |
| 21 | `#8c7876` | `oklch(59.00% 0.0248 25.52)` | Bazaar | black, 5 to 1 |
| 22 | `#8a7775` | `oklch(58.66% 0.0234 24.47)` | Plum Haze | black, 4.9 to 1 |
| 23 | `#897775` | `oklch(58.56% 0.0232 23.93)` | Plum Haze | black, 4.9 to 1 |
| 24 | `#8a7775` | `oklch(58.68% 0.0239 23.76)` | Plum Haze | black, 4.9 to 1 |
| 25 | `#8c7876` | `oklch(59.01% 0.0256 23.93)` | Bazaar | black, 5 to 1 |
| 26 | `#8f7976` | `oklch(59.51% 0.0281 24.43)` | Venus Deva | black, 5.1 to 1 |
| 27 | `#937a77` | `oklch(60.18% 0.0314 25.23)` | Antler | black, 5.2 to 1 |
| 28 | `#977b78` | `oklch(60.98% 0.0353 26.32)` | Mushroom Basket | black, 5.4 to 1 |
| 29 | `#9d7d79` | `oklch(61.90% 0.0398 27.68)` | Cafe Ole | black, 5.6 to 1 |
| 30 | `#a27f79` | `oklch(62.91% 0.0447 29.29)` | Brandied Apple | black, 5.8 to 1 |
| 31 | `#a8817a` | `oklch(63.98% 0.0500 31.12)` | South Rim Trail | black, 6.1 to 1 |
| 32 | `#af847a` | `oklch(65.10% 0.0556 33.16)` | Dusty Duchess | black, 6.3 to 1 |
| 33 | `#b58679` | `oklch(66.25% 0.0614 35.38)` | Brandy Rose | black, 6.6 to 1 |
| 34 | `#bb8879` | `oklch(67.39% 0.0672 37.78)` | Ludicrous Lemming | black, 6.9 to 1 |
| 35 | `#c28b78` | `oklch(68.52% 0.0730 40.32)` | Yum Raw Spam | black, 7.2 to 1 |
| 36 | `#c78d76` | `oklch(69.60% 0.0787 42.99)` | Yum Raw Spam | black, 7.5 to 1 |
| 37 | `#cd9074` | `oklch(70.61% 0.0842 45.76)` | Terra Cotta Clay | black, 7.8 to 1 |
| 38 | `#d19271` | `oklch(71.53% 0.0894 48.63)` | Feldspar | black, 8 to 1 |
| 39 | `#d5956e` | `oklch(72.34% 0.0942 51.56)` | Pumpkin Patch | black, 8.3 to 1 |
| 40 | `#d8976b` | `oklch(73.02% 0.0985 54.54)` | Folksy Gold | black, 8.5 to 1 |
| 41 | `#da9967` | `oklch(73.54% 0.1022 57.55)` | Brown Yellow | black, 8.7 to 1 |
| 42 | `#db9a63` | `oklch(73.88% 0.1052 60.57)` | Apple Cider | black, 8.8 to 1 |
| 43 | `#db9c60` | `oklch(74.02% 0.1075 63.57)` | Stunning Gold | black, 8.9 to 1 |
| 44 | `#d99d5c` | `oklch(73.96% 0.1091 66.77)` | Ritzy | black, 8.9 to 1 |
| 45 | `#d69d58` | `oklch(73.76% 0.1103 70.33)` | Ceremonial Gold | black, 8.8 to 1 |
| 46 | `#d39e53` | `oklch(73.42% 0.1112 74.21)` | Saffron Robe | black, 8.7 to 1 |
| 47 | `#ce9f50` | `oklch(72.95% 0.1117 78.38)` | Bright Gold | black, 8.6 to 1 |
| 48 | `#c89f4c` | `oklch(72.38% 0.1120 82.79)` | Goldbricker | black, 8.5 to 1 |
| 49 | `#c19f49` | `oklch(71.71% 0.1119 87.39)` | Spontaneous Sprig | black, 8.3 to 1 |
| 50 | `#ba9f47` | `oklch(70.95% 0.1117 92.14)` | Tiki Torch | black, 8.1 to 1 |
| 51 | `#b29f46` | `oklch(70.14% 0.1112 97.01)` | Queen Palm | black, 7.9 to 1 |
| 52 | `#aa9e46` | `oklch(69.26% 0.1105 101.93)` | Golden Olive | black, 7.7 to 1 |
| 53 | `#a19e47` | `oklch(68.35% 0.1097 106.88)` | Poplar | black, 7.4 to 1 |
| 54 | `#989d48` | `oklch(67.42% 0.1088 111.80)` | Lazy Lizard | black, 7.2 to 1 |
| 55 | `#8f9c4a` | `oklch(66.47% 0.1078 116.66)` | Spinach Green | black, 7 to 1 |
| 56 | `#879b4d` | `oklch(65.53% 0.1068 121.40)` | Rosemarried | black, 6.8 to 1 |
| 57 | `#7e9a4f` | `oklch(64.61% 0.1057 126.00)` | Rosemarried | black, 6.5 to 1 |
| 58 | `#769852` | `oklch(63.72% 0.1047 130.40)` | Bavarian Green | black, 6.3 to 1 |
| 59 | `#6e9755` | `oklch(62.88% 0.1037 134.56)` | Drab Green | black, 6.1 to 1 |
| 60 | `#669557` | `oklch(62.09% 0.1028 138.43)` | Abundance | black, 6 to 1 |
| 61 | `#5f945a` | `oklch(61.38% 0.1020 141.98)` | Abundance | black, 5.8 to 1 |
| 62 | `#59935c` | `oklch(60.76% 0.1014 145.16)` | Field Time Green | black, 5.7 to 1 |
| 63 | `#54915e` | `oklch(60.24% 0.1009 147.92)` | Ineffable Forest | black, 5.6 to 1 |
| 64 | `#50915f` | `oklch(59.84% 0.1006 150.23)` | Ineffable Forest | black, 5.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e7c74d 0.0%, #e6c34f 1.6%, #e6bf51 3.2%, #e4bb54 4.8%, #e3b557 6.3%, #e0b05b 7.9%, #ddaa5e 9.5%, #d8a562 11.1%, #d39f66 12.7%, #ce9a6a 14.3%, #c7956e 15.9%, #c19070 17.5%, #ba8c73 19.0%, #b28875 20.6%, #ab8576 22.2%, #a48277 23.8%, #9e7f77 25.4%, #987d77 27.0%, #937b77 28.6%, #8f7976 30.2%, #8c7876 31.7%, #8a7775 33.3%, #897775 34.9%, #8a7775 36.5%, #8c7876 38.1%, #8f7976 39.7%, #937a77 41.3%, #977b78 42.9%, #9d7d79 44.4%, #a27f79 46.0%, #a8817a 47.6%, #af847a 49.2%, #b58679 50.8%, #bb8879 52.4%, #c28b78 54.0%, #c78d76 55.6%, #cd9074 57.1%, #d19271 58.7%, #d5956e 60.3%, #d8976b 61.9%, #da9967 63.5%, #db9a63 65.1%, #db9c60 66.7%, #d99d5c 68.3%, #d69d58 69.8%, #d39e53 71.4%, #ce9f50 73.0%, #c89f4c 74.6%, #c19f49 76.2%, #ba9f47 77.8%, #b29f46 79.4%, #aa9e46 81.0%, #a19e47 82.5%, #989d48 84.1%, #8f9c4a 85.7%, #879b4d 87.3%, #7e9a4f 88.9%, #769852 90.5%, #6e9755 92.1%, #669557 93.7%, #5f945a 95.2%, #59935c 96.8%, #54915e 98.4%, #50915f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(83.46% 0.1419 94.22) 0.0%, oklch(82.78% 0.1386 92.29) 1.6%, oklch(81.90% 0.1344 89.85) 3.2%, oklch(80.87% 0.1294 86.96) 4.8%, oklch(79.70% 0.1238 83.69) 6.3%, oklch(78.41% 0.1175 80.08) 7.9%, oklch(77.01% 0.1108 76.20) 9.5%, oklch(75.55% 0.1037 72.11) 11.1%, oklch(74.02% 0.0963 67.85) 12.7%, oklch(72.46% 0.0888 63.50) 14.3%, oklch(70.89% 0.0812 59.10) 15.9%, oklch(69.32% 0.0737 54.72) 17.5%, oklch(67.78% 0.0663 50.41) 19.0%, oklch(66.29% 0.0591 46.23) 20.6%, oklch(64.87% 0.0523 42.24) 22.2%, oklch(63.54% 0.0460 38.50) 23.8%, oklch(62.33% 0.0402 35.06) 25.4%, oklch(61.24% 0.0351 31.99) 27.0%, oklch(60.31% 0.0308 29.33) 28.6%, oklch(59.56% 0.0273 27.16) 30.2%, oklch(59.00% 0.0248 25.52) 31.7%, oklch(58.66% 0.0234 24.47) 33.3%, oklch(58.56% 0.0232 23.93) 34.9%, oklch(58.68% 0.0239 23.76) 36.5%, oklch(59.01% 0.0256 23.93) 38.1%, oklch(59.51% 0.0281 24.43) 39.7%, oklch(60.18% 0.0314 25.23) 41.3%, oklch(60.98% 0.0353 26.32) 42.9%, oklch(61.90% 0.0398 27.68) 44.4%, oklch(62.91% 0.0447 29.29) 46.0%, oklch(63.98% 0.0500 31.12) 47.6%, oklch(65.10% 0.0556 33.16) 49.2%, oklch(66.25% 0.0614 35.38) 50.8%, oklch(67.39% 0.0672 37.78) 52.4%, oklch(68.52% 0.0730 40.32) 54.0%, oklch(69.60% 0.0787 42.99) 55.6%, oklch(70.61% 0.0842 45.76) 57.1%, oklch(71.53% 0.0894 48.63) 58.7%, oklch(72.34% 0.0942 51.56) 60.3%, oklch(73.02% 0.0985 54.54) 61.9%, oklch(73.54% 0.1022 57.55) 63.5%, oklch(73.88% 0.1052 60.57) 65.1%, oklch(74.02% 0.1075 63.57) 66.7%, oklch(73.96% 0.1091 66.77) 68.3%, oklch(73.76% 0.1103 70.33) 69.8%, oklch(73.42% 0.1112 74.21) 71.4%, oklch(72.95% 0.1117 78.38) 73.0%, oklch(72.38% 0.1120 82.79) 74.6%, oklch(71.71% 0.1119 87.39) 76.2%, oklch(70.95% 0.1117 92.14) 77.8%, oklch(70.14% 0.1112 97.01) 79.4%, oklch(69.26% 0.1105 101.93) 81.0%, oklch(68.35% 0.1097 106.88) 82.5%, oklch(67.42% 0.1088 111.80) 84.1%, oklch(66.47% 0.1078 116.66) 85.7%, oklch(65.53% 0.1068 121.40) 87.3%, oklch(64.61% 0.1057 126.00) 88.9%, oklch(63.72% 0.1047 130.40) 90.5%, oklch(62.88% 0.1037 134.56) 92.1%, oklch(62.09% 0.1028 138.43) 93.7%, oklch(61.38% 0.1020 141.98) 95.2%, oklch(60.76% 0.1014 145.16) 96.8%, oklch(60.24% 0.1009 147.92) 98.4%, oklch(59.84% 0.1006 150.23) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.835 | 0.142 | 94.2 |
| 2 | 0.587 | 0.023 | 24.5 |
| 3 | 0.74 | 0.107 | 63.6 |
| 4 | 0.598 | 0.101 | 150.2 |

## Other forms

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