# Tan, brown, mustard and green radial gradient

Tan, brown, mustard and green radial gradient with 48 colors: #d3a246, #c89843, #b88b3e, #a47b39, #8f6a33, #7a592d, #664b27, #563e22, #4a361e, #44321c, #45331d, #4d3a21, #5b4528, #6c5330, #816538, #967842, #ab8b4a, #be9c52, #ccaa57, #d5b35a, #dab859, #dbb956, #dab751, #d8b44a, #d4af42, #d0ab3a, #cda732, #caa52b, #c8a427, #c9a727, #cbac2a, #cfb22f, #d3ba36, #d7c13e, #d9c845, #dace4c, #d7d253, #d0d357, #c4d15a, #b3ca5c, #9ebf5c, #86b25b, #6da359, #569356, #418452, #2e754d, #1f6a49, #136145. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYvFk5Kg--uKpwjdMsBajTCbgfxe`
- Page: https://grabient.com/kYvFk5Kg--uKpwjdMsBajTCbgfxe?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: light center, pastel, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 7.7 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 | `#d3a246` | `oklch(74.02% 0.1226 80.16)` | Chipmunk | black, 9 to 1 |
| 2 | `#c89843` | `oklch(70.97% 0.1168 79.33)` | Nattō | black, 8 to 1 |
| 3 | `#b88b3e` | `oklch(66.48% 0.1082 78.08)` | Tinsel | black, 6.7 to 1 |
| 4 | `#a47b39` | `oklch(61.01% 0.0978 76.54)` | Fluor Spar | black, 5.4 to 1 |
| 5 | `#8f6a33` | `oklch(55.02% 0.0864 74.86)` | Mango Squash | white, 4.9 to 1 |
| 6 | `#7a592d` | `oklch(48.97% 0.0747 73.19)` | Florentine Dream | white, 6.3 to 1 |
| 7 | `#664b27` | `oklch(43.30% 0.0638 71.67)` | Black Queen | white, 8.1 to 1 |
| 8 | `#563e22` | `oklch(38.47% 0.0543 70.45)` | Clove Yellow Brown | white, 9.9 to 1 |
| 9 | `#4a361e` | `oklch(34.95% 0.0472 69.67)` | Café Noir | white, 11.4 to 1 |
| 10 | `#44321c` | `oklch(33.18% 0.0432 69.47)` | Iroko | white, 12.2 to 1 |
| 11 | `#45331d` | `oklch(33.61% 0.0431 70.01)` | Iroko | white, 12 to 1 |
| 12 | `#4d3a21` | `oklch(36.22% 0.0466 71.28)` | Witch’s Cottage | white, 10.8 to 1 |
| 13 | `#5b4528` | `oklch(40.54% 0.0529 73.15)` | Brown Hen | white, 9 to 1 |
| 14 | `#6c5330` | `oklch(46.09% 0.0612 75.43)` | Ancient Olive | white, 7.1 to 1 |
| 15 | `#816538` | `oklch(52.38% 0.0710 77.98)` | Dirt Brown | white, 5.4 to 1 |
| 16 | `#967842` | `oklch(58.92% 0.0814 80.62)` | Manticore Brown | black, 5 to 1 |
| 17 | `#ab8b4a` | `oklch(65.23% 0.0917 83.19)` | Golden Years | black, 6.5 to 1 |
| 18 | `#be9c52` | `oklch(70.83% 0.1013 85.52)` | Tangy Green | black, 8 to 1 |
| 19 | `#ccaa57` | `oklch(75.23% 0.1094 87.46)` | Golden Blond | black, 9.4 to 1 |
| 20 | `#d5b35a` | `oklch(77.96% 0.1154 88.84)` | Strike It Rich | black, 10.4 to 1 |
| 21 | `#dab859` | `oklch(79.27% 0.1199 89.66)` | Golden Bass | black, 10.9 to 1 |
| 22 | `#dbb956` | `oklch(79.59% 0.1238 90.06)` | Golden Bass | black, 11 to 1 |
| 23 | `#dab751` | `oklch(79.14% 0.1270 90.18)` | Gold Vein | black, 10.8 to 1 |
| 24 | `#d8b44a` | `oklch(78.16% 0.1297 90.12)` | Farm Straw | black, 10.5 to 1 |
| 25 | `#d4af42` | `oklch(76.86% 0.1320 90.01)` | Ceylon Yellow | black, 10 to 1 |
| 26 | `#d0ab3a` | `oklch(75.49% 0.1339 89.98)` | Haystack | black, 9.5 to 1 |
| 27 | `#cda732` | `oklch(74.27% 0.1357 90.14)` | Aru Ressha | black, 9.1 to 1 |
| 28 | `#caa52b` | `oklch(73.42% 0.1373 90.62)` | Lemon Curry | black, 8.8 to 1 |
| 29 | `#c8a427` | `oklch(73.18% 0.1389 91.53)` | Lemon Curry | black, 8.8 to 1 |
| 30 | `#c9a727` | `oklch(73.75% 0.1405 92.84)` | Hippie Trail | black, 9 to 1 |
| 31 | `#cbac2a` | `oklch(75.01% 0.1424 94.26)` | Hippie Trail | black, 9.4 to 1 |
| 32 | `#cfb22f` | `oklch(76.75% 0.1442 95.84)` | Grass Daisy | black, 10 to 1 |
| 33 | `#d3ba36` | `oklch(78.74% 0.1459 97.60)` | Indian Pale Ale | black, 10.8 to 1 |
| 34 | `#d7c13e` | `oklch(80.73% 0.1472 99.59)` | Limone | black, 11.6 to 1 |
| 35 | `#d9c845` | `oklch(82.50% 0.1481 101.85)` | Lanky Lemon | black, 12.3 to 1 |
| 36 | `#dace4c` | `oklch(83.82% 0.1483 104.43)` | Confetti | black, 12.9 to 1 |
| 37 | `#d7d253` | `oklch(84.45% 0.1477 107.37)` | Matcha | black, 13.2 to 1 |
| 38 | `#d0d357` | `oklch(84.17% 0.1461 110.70)` | Energised | black, 13.1 to 1 |
| 39 | `#c4d15a` | `oklch(82.72% 0.1434 114.54)` | Clown Green | black, 12.6 to 1 |
| 40 | `#b3ca5c` | `oklch(79.90% 0.1389 119.35)` | Asparagus Fern | black, 11.5 to 1 |
| 41 | `#9ebf5c` | `oklch(75.97% 0.1330 125.00)` | Sapling | black, 10 to 1 |
| 42 | `#86b25b` | `oklch(71.24% 0.1260 131.20)` | Usumoegi Green | black, 8.5 to 1 |
| 43 | `#6da359` | `oklch(66.03% 0.1184 137.66)` | Off Green | black, 7 to 1 |
| 44 | `#569356` | `oklch(60.66% 0.1107 144.08)` | Ineffable Forest | black, 5.7 to 1 |
| 45 | `#418452` | `oklch(55.47% 0.1032 150.18)` | Kilkenny | black, 4.6 to 1 |
| 46 | `#2e754d` | `oklch(50.76% 0.0964 155.66)` | Felt | white, 5.5 to 1 |
| 47 | `#1f6a49` | `oklch(46.86% 0.0908 160.25)` | Green Caterpillar | white, 6.5 to 1 |
| 48 | `#136145` | `oklch(44.09% 0.0868 163.64)` | Green Paw Paw | white, 7.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d3a246 0.0%, #c89843 2.1%, #b88b3e 4.3%, #a47b39 6.4%, #8f6a33 8.5%, #7a592d 10.6%, #664b27 12.8%, #563e22 14.9%, #4a361e 17.0%, #44321c 19.1%, #45331d 21.3%, #4d3a21 23.4%, #5b4528 25.5%, #6c5330 27.7%, #816538 29.8%, #967842 31.9%, #ab8b4a 34.0%, #be9c52 36.2%, #ccaa57 38.3%, #d5b35a 40.4%, #dab859 42.6%, #dbb956 44.7%, #dab751 46.8%, #d8b44a 48.9%, #d4af42 51.1%, #d0ab3a 53.2%, #cda732 55.3%, #caa52b 57.4%, #c8a427 59.6%, #c9a727 61.7%, #cbac2a 63.8%, #cfb22f 66.0%, #d3ba36 68.1%, #d7c13e 70.2%, #d9c845 72.3%, #dace4c 74.5%, #d7d253 76.6%, #d0d357 78.7%, #c4d15a 80.9%, #b3ca5c 83.0%, #9ebf5c 85.1%, #86b25b 87.2%, #6da359 89.4%, #569356 91.5%, #418452 93.6%, #2e754d 95.7%, #1f6a49 97.9%, #136145 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(74.02% 0.1226 80.16) 0.0%, oklch(70.97% 0.1168 79.33) 2.1%, oklch(66.48% 0.1082 78.08) 4.3%, oklch(61.01% 0.0978 76.54) 6.4%, oklch(55.02% 0.0864 74.86) 8.5%, oklch(48.97% 0.0747 73.19) 10.6%, oklch(43.30% 0.0638 71.67) 12.8%, oklch(38.47% 0.0543 70.45) 14.9%, oklch(34.95% 0.0472 69.67) 17.0%, oklch(33.18% 0.0432 69.47) 19.1%, oklch(33.61% 0.0431 70.01) 21.3%, oklch(36.22% 0.0466 71.28) 23.4%, oklch(40.54% 0.0529 73.15) 25.5%, oklch(46.09% 0.0612 75.43) 27.7%, oklch(52.38% 0.0710 77.98) 29.8%, oklch(58.92% 0.0814 80.62) 31.9%, oklch(65.23% 0.0917 83.19) 34.0%, oklch(70.83% 0.1013 85.52) 36.2%, oklch(75.23% 0.1094 87.46) 38.3%, oklch(77.96% 0.1154 88.84) 40.4%, oklch(79.27% 0.1199 89.66) 42.6%, oklch(79.59% 0.1238 90.06) 44.7%, oklch(79.14% 0.1270 90.18) 46.8%, oklch(78.16% 0.1297 90.12) 48.9%, oklch(76.86% 0.1320 90.01) 51.1%, oklch(75.49% 0.1339 89.98) 53.2%, oklch(74.27% 0.1357 90.14) 55.3%, oklch(73.42% 0.1373 90.62) 57.4%, oklch(73.18% 0.1389 91.53) 59.6%, oklch(73.75% 0.1405 92.84) 61.7%, oklch(75.01% 0.1424 94.26) 63.8%, oklch(76.75% 0.1442 95.84) 66.0%, oklch(78.74% 0.1459 97.60) 68.1%, oklch(80.73% 0.1472 99.59) 70.2%, oklch(82.50% 0.1481 101.85) 72.3%, oklch(83.82% 0.1483 104.43) 74.5%, oklch(84.45% 0.1477 107.37) 76.6%, oklch(84.17% 0.1461 110.70) 78.7%, oklch(82.72% 0.1434 114.54) 80.9%, oklch(79.90% 0.1389 119.35) 83.0%, oklch(75.97% 0.1330 125.00) 85.1%, oklch(71.24% 0.1260 131.20) 87.2%, oklch(66.03% 0.1184 137.66) 89.4%, oklch(60.66% 0.1107 144.08) 91.5%, oklch(55.47% 0.1032 150.18) 93.6%, oklch(50.76% 0.0964 155.66) 95.7%, oklch(46.86% 0.0908 160.25) 97.9%, oklch(44.09% 0.0868 163.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.74 | 0.123 | 80.2 |
| 2 | 0.331 | 0.043 | 69.6 |
| 3 | 0.776 | 0.114 | 88.6 |
| 4 | 0.732 | 0.139 | 91.8 |
| 5 | 0.835 | 0.145 | 112.9 |
| 6 | 0.441 | 0.087 | 163.6 |

## Other forms

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