# Warm yellow, maroon, tan and brown radial gradient

Warm yellow, maroon, tan and brown radial gradient with 32 colors: #f3d16c, #f1cf68, #eecc62, #eac95c, #e7c555, #e3bf4d, #dfb843, #dbaf39, #d7a32e, #d19123, #c77a1f, #ba6223, #a94c2a, #983a31, #892d34, #7f2737, #7e2a38, #85353b, #914640, #a05b48, #ae7253, #ba8962, #c39b70, #c7a67b, #c6a97e, #c0a57c, #b89c75, #ae916c, #a48461, #9a7858, #916f50, #8c684b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW3VxBX7K_DQrN5fGUdRZa-I`
- Page: https://grabient.com/kW3VxBX7K_DQrN5fGUdRZa-I?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.2 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 | `#f3d16c` | `oklch(87.01% 0.1268 91.41)` | Yellow Tulip | black, 14.1 to 1 |
| 2 | `#f1cf68` | `oklch(86.22% 0.1280 91.27)` | Ride off Into the Sunset | black, 13.8 to 1 |
| 3 | `#eecc62` | `oklch(85.35% 0.1299 91.59)` | Grand Casino Gold | black, 13.4 to 1 |
| 4 | `#eac95c` | `oklch(84.33% 0.1322 91.99)` | Citrus Zest | black, 12.9 to 1 |
| 5 | `#e7c555` | `oklch(83.07% 0.1346 92.12)` | Chicco d’Oro | black, 12.4 to 1 |
| 6 | `#e3bf4d` | `oklch(81.52% 0.1367 91.62)` | Indian Maize | black, 11.8 to 1 |
| 7 | `#dfb843` | `oklch(79.62% 0.1384 90.12)` | Credo | black, 11 to 1 |
| 8 | `#dbaf39` | `oklch(77.28% 0.1392 87.26)` | Yarrow | black, 10.1 to 1 |
| 9 | `#d7a32e` | `oklch(74.40% 0.1390 82.62)` | Curry | black, 9.1 to 1 |
| 10 | `#d19123` | `oklch(70.20% 0.1380 74.73)` | Vibrant Amber | black, 7.7 to 1 |
| 11 | `#c77a1f` | `oklch(64.86% 0.1365 64.11)` | Tree Sap | black, 6.2 to 1 |
| 12 | `#ba6223` | `oklch(58.94% 0.1343 52.00)` | Hell’s Bells | black, 4.8 to 1 |
| 13 | `#a94c2a` | `oklch(53.04% 0.1317 39.69)` | Potter’s Clay | white, 5.5 to 1 |
| 14 | `#983a31` | `oklch(47.74% 0.1285 28.43)` | Ketchup | white, 7 to 1 |
| 15 | `#892d34` | `oklch(43.63% 0.1248 19.49)` | Polished Apple | white, 8.4 to 1 |
| 16 | `#7f2737` | `oklch(41.28% 0.1207 14.14)` | Suō | white, 9.3 to 1 |
| 17 | `#7e2a38` | `oklch(41.31% 0.1160 13.62)` | Bicyclette | white, 9.2 to 1 |
| 18 | `#85353b` | `oklch(44.03% 0.1101 18.06)` | Blood Oath | white, 8.2 to 1 |
| 19 | `#914640` | `oklch(48.73% 0.1031 26.18)` | Red Craft | white, 6.6 to 1 |
| 20 | `#a05b48` | `oklch(54.63% 0.0957 36.64)` | Grand Canyon | white, 5.1 to 1 |
| 21 | `#ae7253` | `oklch(60.94% 0.0882 48.06)` | Glazed Pot | black, 5.3 to 1 |
| 22 | `#ba8962` | `oklch(66.88% 0.0810 59.11)` | Suede | black, 6.8 to 1 |
| 23 | `#c39b70` | `oklch(71.66% 0.0748 68.42)` | Cardboard | black, 8.2 to 1 |
| 24 | `#c7a67b` | `oklch(74.49% 0.0699 74.64)` | Sugar Pie | black, 9.1 to 1 |
| 25 | `#c6a97e` | `oklch(74.90% 0.0665 77.11)` | Pony | black, 9.3 to 1 |
| 26 | `#c0a57c` | `oklch(73.52% 0.0643 77.14)` | Taos Taupe | black, 8.8 to 1 |
| 27 | `#b89c75` | `oklch(70.85% 0.0630 75.40)` | Coriander Powder | black, 8 to 1 |
| 28 | `#ae916c` | `oklch(67.35% 0.0624 72.47)` | Armagnac | black, 7 to 1 |
| 29 | `#a48461` | `oklch(63.51% 0.0622 68.95)` | Wooden Swing | black, 6 to 1 |
| 30 | `#9a7858` | `oklch(59.81% 0.0622 65.43)` | Coco Rum | black, 5.2 to 1 |
| 31 | `#916f50` | `oklch(56.72% 0.0622 62.50)` | Leather Bound | white, 4.5 to 1 |
| 32 | `#8c684b` | `oklch(54.72% 0.0620 60.76)` | Neutral Valley | white, 4.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f3d16c 0.0%, #f1cf68 3.2%, #eecc62 6.5%, #eac95c 9.7%, #e7c555 12.9%, #e3bf4d 16.1%, #dfb843 19.4%, #dbaf39 22.6%, #d7a32e 25.8%, #d19123 29.0%, #c77a1f 32.3%, #ba6223 35.5%, #a94c2a 38.7%, #983a31 41.9%, #892d34 45.2%, #7f2737 48.4%, #7e2a38 51.6%, #85353b 54.8%, #914640 58.1%, #a05b48 61.3%, #ae7253 64.5%, #ba8962 67.7%, #c39b70 71.0%, #c7a67b 74.2%, #c6a97e 77.4%, #c0a57c 80.6%, #b89c75 83.9%, #ae916c 87.1%, #a48461 90.3%, #9a7858 93.5%, #916f50 96.8%, #8c684b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(87.01% 0.1268 91.41) 0.0%, oklch(86.22% 0.1280 91.27) 3.2%, oklch(85.35% 0.1299 91.59) 6.5%, oklch(84.33% 0.1322 91.99) 9.7%, oklch(83.07% 0.1346 92.12) 12.9%, oklch(81.52% 0.1367 91.62) 16.1%, oklch(79.62% 0.1384 90.12) 19.4%, oklch(77.28% 0.1392 87.26) 22.6%, oklch(74.40% 0.1390 82.62) 25.8%, oklch(70.20% 0.1380 74.73) 29.0%, oklch(64.86% 0.1365 64.11) 32.3%, oklch(58.94% 0.1343 52.00) 35.5%, oklch(53.04% 0.1317 39.69) 38.7%, oklch(47.74% 0.1285 28.43) 41.9%, oklch(43.63% 0.1248 19.49) 45.2%, oklch(41.28% 0.1207 14.14) 48.4%, oklch(41.31% 0.1160 13.62) 51.6%, oklch(44.03% 0.1101 18.06) 54.8%, oklch(48.73% 0.1031 26.18) 58.1%, oklch(54.63% 0.0957 36.64) 61.3%, oklch(60.94% 0.0882 48.06) 64.5%, oklch(66.88% 0.0810 59.11) 67.7%, oklch(71.66% 0.0748 68.42) 71.0%, oklch(74.49% 0.0699 74.64) 74.2%, oklch(74.90% 0.0665 77.11) 77.4%, oklch(73.52% 0.0643 77.14) 80.6%, oklch(70.85% 0.0630 75.40) 83.9%, oklch(67.35% 0.0624 72.47) 87.1%, oklch(63.51% 0.0622 68.95) 90.3%, oklch(59.81% 0.0622 65.43) 93.5%, oklch(56.72% 0.0622 62.50) 96.8%, oklch(54.72% 0.0620 60.76) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.87 | 0.127 | 91.4 |
| 2 | 0.752 | 0.139 | 84 |
| 3 | 0.409 | 0.119 | 13.2 |
| 4 | 0.748 | 0.069 | 75.6 |
| 5 | 0.547 | 0.062 | 60.8 |

## Other forms

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