# Analogous tan, maroon and brown radial gradient

Analogous tan, maroon and brown radial gradient with 32 colors: #f3d16c, #e8c264, #d8ac5b, #c39452, #ab7c48, #92643f, #7b5036, #68402e, #5b3529, #532d24, #4d2521, #4a2020, #491b21, #491822, #4c1624, #501726, #561928, #632129, #742c29, #863c27, #974d23, #a35e1e, #a96b1c, #a9721e, #a36f21, #966424, #835525, #6d4424, #553421, #3f261c, #2d1b16, #211412. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW3VxBMJW56cgPBLqkeGog7I`
- Page: https://grabient.com/kW3VxBMJW56cgPBLqkeGog7I?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 12 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 | `#e8c264` | `oklch(82.80% 0.1207 87.21)` | Honey Crisp | black, 12.3 to 1 |
| 3 | `#d8ac5b` | `oklch(76.86% 0.1118 81.48)` | Butterscotch Bliss | black, 9.9 to 1 |
| 4 | `#c39452` | `oklch(69.76% 0.1011 74.63)` | Amber Gold | black, 7.6 to 1 |
| 5 | `#ab7c48` | `oklch(62.10% 0.0898 67.13)` | Hidden Morel | black, 5.6 to 1 |
| 6 | `#92643f` | `oklch(54.44% 0.0788 59.41)` | Topaz Mountain | white, 5 to 1 |
| 7 | `#7b5036` | `oklch(47.38% 0.0693 51.92)` | Chocolate Bonbon | white, 6.8 to 1 |
| 8 | `#68402e` | `oklch(41.49% 0.0623 45.10)` | Triassic | white, 8.8 to 1 |
| 9 | `#5b3529` | `oklch(37.31% 0.0587 39.31)` | Terra Brun | white, 10.5 to 1 |
| 10 | `#532d24` | `oklch(34.24% 0.0585 33.32)` | Momoshio Brown | white, 11.9 to 1 |
| 11 | `#4d2521` | `oklch(31.91% 0.0606 26.95)` | Torrefacto Roast | white, 13 to 1 |
| 12 | `#4a2020` | `oklch(30.28% 0.0646 20.71)` | Dark Red Brown | white, 13.8 to 1 |
| 13 | `#491b21` | `oklch(29.32% 0.0698 15.11)` | Vino Tinto | white, 14.3 to 1 |
| 14 | `#491822` | `oklch(28.98% 0.0756 10.66)` | Vino Tinto | white, 14.5 to 1 |
| 15 | `#4c1624` | `oklch(29.25% 0.0812 7.87)` | Vino Tinto | white, 14.4 to 1 |
| 16 | `#501726` | `oklch(30.09% 0.0862 7.26)` | Vino Tinto | white, 14.1 to 1 |
| 17 | `#561928` | `oklch(31.67% 0.0902 9.54)` | Drops of God | white, 13.3 to 1 |
| 18 | `#632129` | `oklch(35.01% 0.0954 15.86)` | Blackberry Pie | white, 11.8 to 1 |
| 19 | `#742c29` | `oklch(39.67% 0.1015 25.21)` | Auburn | white, 9.8 to 1 |
| 20 | `#863c27` | `oklch(44.99% 0.1075 36.28)` | Grill Master | white, 7.8 to 1 |
| 21 | `#974d23` | `oklch(50.31% 0.1128 47.78)` | Khaki Brown | white, 6.1 to 1 |
| 22 | `#a35e1e` | `oklch(54.94% 0.1167 58.41)` | Scarecrow Frown | white, 5 to 1 |
| 23 | `#a96b1c` | `oklch(58.24% 0.1182 66.86)` | Inca Gold | black, 4.8 to 1 |
| 24 | `#a9721e` | `oklch(59.52% 0.1167 71.84)` | Buckthorn Brown | black, 5.1 to 1 |
| 25 | `#a36f21` | `oklch(58.21% 0.1111 72.46)` | Buckthorn Brown | black, 4.8 to 1 |
| 26 | `#966424` | `oklch(54.53% 0.1009 69.60)` | Olivia | white, 5 to 1 |
| 27 | `#835525` | `oklch(49.16% 0.0876 64.23)` | Precious Copper | white, 6.3 to 1 |
| 28 | `#6d4424` | `oklch(42.79% 0.0726 57.27)` | Flattery | white, 8.3 to 1 |
| 29 | `#553421` | `oklch(36.09% 0.0571 49.66)` | Wild Boar | white, 11 to 1 |
| 30 | `#3f261c` | `oklch(29.75% 0.0426 42.32)` | Woodsy Brown | white, 13.9 to 1 |
| 31 | `#2d1b16` | `oklch(24.44% 0.0304 36.20)` | Tetsu-Guro Black | white, 16.3 to 1 |
| 32 | `#211412` | `oklch(20.87% 0.0220 32.23)` | Bighorn Sheep | white, 17.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f3d16c 0.0%, #e8c264 3.2%, #d8ac5b 6.5%, #c39452 9.7%, #ab7c48 12.9%, #92643f 16.1%, #7b5036 19.4%, #68402e 22.6%, #5b3529 25.8%, #532d24 29.0%, #4d2521 32.3%, #4a2020 35.5%, #491b21 38.7%, #491822 41.9%, #4c1624 45.2%, #501726 48.4%, #561928 51.6%, #632129 54.8%, #742c29 58.1%, #863c27 61.3%, #974d23 64.5%, #a35e1e 67.7%, #a96b1c 71.0%, #a9721e 74.2%, #a36f21 77.4%, #966424 80.6%, #835525 83.9%, #6d4424 87.1%, #553421 90.3%, #3f261c 93.5%, #2d1b16 96.8%, #211412 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(87.01% 0.1268 91.41) 0.0%, oklch(82.80% 0.1207 87.21) 3.2%, oklch(76.86% 0.1118 81.48) 6.5%, oklch(69.76% 0.1011 74.63) 9.7%, oklch(62.10% 0.0898 67.13) 12.9%, oklch(54.44% 0.0788 59.41) 16.1%, oklch(47.38% 0.0693 51.92) 19.4%, oklch(41.49% 0.0623 45.10) 22.6%, oklch(37.31% 0.0587 39.31) 25.8%, oklch(34.24% 0.0585 33.32) 29.0%, oklch(31.91% 0.0606 26.95) 32.3%, oklch(30.28% 0.0646 20.71) 35.5%, oklch(29.32% 0.0698 15.11) 38.7%, oklch(28.98% 0.0756 10.66) 41.9%, oklch(29.25% 0.0812 7.87) 45.2%, oklch(30.09% 0.0862 7.26) 48.4%, oklch(31.67% 0.0902 9.54) 51.6%, oklch(35.01% 0.0954 15.86) 54.8%, oklch(39.67% 0.1015 25.21) 58.1%, oklch(44.99% 0.1075 36.28) 61.3%, oklch(50.31% 0.1128 47.78) 64.5%, oklch(54.94% 0.1167 58.41) 67.7%, oklch(58.24% 0.1182 66.86) 71.0%, oklch(59.52% 0.1167 71.84) 74.2%, oklch(58.21% 0.1111 72.46) 77.4%, oklch(54.53% 0.1009 69.60) 80.6%, oklch(49.16% 0.0876 64.23) 83.9%, oklch(42.79% 0.0726 57.27) 87.1%, oklch(36.09% 0.0571 49.66) 90.3%, oklch(29.75% 0.0426 42.32) 93.5%, oklch(24.44% 0.0304 36.20) 96.8%, oklch(20.87% 0.0220 32.23) 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.382 | 0.059 | 40.7 |
| 3 | 0.307 | 0.088 | 7.9 |
| 4 | 0.594 | 0.116 | 72.4 |
| 5 | 0.209 | 0.022 | 32.2 |

## Other forms

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