# Analogous tan, maroon and black radial gradient

Analogous tan, maroon and black radial gradient with 32 colors: #d9baa8, #d6b5a3, #d1af9d, #caa897, #c4a08f, #be9887, #b88f7e, #b38675, #b17d6c, #b07362, #b16757, #b25a4d, #b24c44, #b23d3e, #b02d3a, #ab1d38, #a40c37, #9b0037, #900037, #860036, #7b0034, #700333, #650531, #5a0630, #50042e, #45032c, #3a0229, #2f0226, #260122, #1e001e, #17001b, #120018. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWziAlUZi-bxAvSmqr2kRe7g`
- Page: https://grabient.com/kWziAlUZi-bxAvSmqr2kRe7g?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 11.1 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 | `#d9baa8` | `oklch(81.10% 0.0441 52.03)` | Maiko | black, 11.5 to 1 |
| 2 | `#d6b5a3` | `oklch(79.75% 0.0453 51.09)` | Sedona Pink | black, 11 to 1 |
| 3 | `#d1af9d` | `oklch(77.94% 0.0463 49.92)` | Trek Tan | black, 10.3 to 1 |
| 4 | `#caa897` | `oklch(75.78% 0.0475 48.53)` | Arrow Quiver | black, 9.5 to 1 |
| 5 | `#c4a08f` | `oklch(73.39% 0.0492 46.93)` | Cabbage Rose | black, 8.7 to 1 |
| 6 | `#be9887` | `oklch(70.87% 0.0518 45.15)` | Cinnamon Roast | black, 7.9 to 1 |
| 7 | `#b88f7e` | `oklch(68.33% 0.0559 43.18)` | Rosetta | black, 7.2 to 1 |
| 8 | `#b38675` | `oklch(65.88% 0.0617 41.05)` | Painted Skies | black, 6.5 to 1 |
| 9 | `#b17d6c` | `oklch(63.63% 0.0699 38.76)` | Crushed Clay | black, 5.9 to 1 |
| 10 | `#b07362` | `oklch(61.44% 0.0822 36.15)` | Pinkish Brown | black, 5.4 to 1 |
| 11 | `#b16757` | `oklch(59.26% 0.0983 33.25)` | Deathclaw Brown | black, 4.9 to 1 |
| 12 | `#b25a4d` | `oklch(57.07% 0.1163 30.13)` | Giant’s Club | white, 4.6 to 1 |
| 13 | `#b24c44` | `oklch(54.89% 0.1347 26.90)` | Lady in Red | white, 5.2 to 1 |
| 14 | `#b23d3e` | `oklch(52.71% 0.1518 23.66)` | Scarlet Tanager | white, 5.7 to 1 |
| 15 | `#b02d3a` | `oklch(50.52% 0.1659 20.50)` | Planet Fever | white, 6.4 to 1 |
| 16 | `#ab1d38` | `oklch(48.34% 0.1753 17.50)` | Chilli Pepper | white, 7 to 1 |
| 17 | `#a40c37` | `oklch(46.15% 0.1787 14.79)` | Hot Lava | white, 7.8 to 1 |
| 18 | `#9b0037` | `oklch(43.98% 0.1757 12.45)` | Lifeline | white, 8.5 to 1 |
| 19 | `#900037` | `oklch(41.80% 0.1671 10.32)` | Madrileño Maroon | white, 9.3 to 1 |
| 20 | `#860036` | `oklch(39.61% 0.1586 8.26)` | Macabre | white, 10.2 to 1 |
| 21 | `#7b0034` | `oklch(37.43% 0.1502 6.15)` | Bordeaux | white, 11 to 1 |
| 22 | `#700333` | `oklch(35.23% 0.1392 3.79)` | Merlot | white, 12 to 1 |
| 23 | `#650531` | `oklch(33.05% 0.1283 1.12)` | Plum Cheese | white, 12.9 to 1 |
| 24 | `#5a0630` | `oklch(30.86% 0.1190 357.96)` | Mulberry Wood | white, 13.9 to 1 |
| 25 | `#50042e` | `oklch(28.61% 0.1115 354.05)` | Fig Balsamic | white, 15 to 1 |
| 26 | `#45032c` | `oklch(26.16% 0.1037 349.21)` | Dark Sanctuary | white, 16.1 to 1 |
| 27 | `#3a0229` | `oklch(23.62% 0.0958 343.78)` | Dark Sanctuary | white, 17.1 to 1 |
| 28 | `#2f0226` | `oklch(21.10% 0.0881 338.11)` | Globe Thistle | white, 18.1 to 1 |
| 29 | `#260122` | `oklch(18.71% 0.0808 332.55)` | Black Sabbath | white, 18.9 to 1 |
| 30 | `#1e001e` | `oklch(16.55% 0.0744 327.46)` | Black Sabbath | white, 19.5 to 1 |
| 31 | `#17001b` | `oklch(14.74% 0.0689 323.19)` | Election Night | white, 19.9 to 1 |
| 32 | `#120018` | `oklch(13.42% 0.0644 320.04)` | Glossy Black | white, 20.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d9baa8 0.0%, #d6b5a3 3.2%, #d1af9d 6.5%, #caa897 9.7%, #c4a08f 12.9%, #be9887 16.1%, #b88f7e 19.4%, #b38675 22.6%, #b17d6c 25.8%, #b07362 29.0%, #b16757 32.3%, #b25a4d 35.5%, #b24c44 38.7%, #b23d3e 41.9%, #b02d3a 45.2%, #ab1d38 48.4%, #a40c37 51.6%, #9b0037 54.8%, #900037 58.1%, #860036 61.3%, #7b0034 64.5%, #700333 67.7%, #650531 71.0%, #5a0630 74.2%, #50042e 77.4%, #45032c 80.6%, #3a0229 83.9%, #2f0226 87.1%, #260122 90.3%, #1e001e 93.5%, #17001b 96.8%, #120018 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(81.10% 0.0441 52.03) 0.0%, oklch(79.75% 0.0453 51.09) 3.2%, oklch(77.94% 0.0463 49.92) 6.5%, oklch(75.78% 0.0475 48.53) 9.7%, oklch(73.39% 0.0492 46.93) 12.9%, oklch(70.87% 0.0518 45.15) 16.1%, oklch(68.33% 0.0559 43.18) 19.4%, oklch(65.88% 0.0617 41.05) 22.6%, oklch(63.63% 0.0699 38.76) 25.8%, oklch(61.44% 0.0822 36.15) 29.0%, oklch(59.26% 0.0983 33.25) 32.3%, oklch(57.07% 0.1163 30.13) 35.5%, oklch(54.89% 0.1347 26.90) 38.7%, oklch(52.71% 0.1518 23.66) 41.9%, oklch(50.52% 0.1659 20.50) 45.2%, oklch(48.34% 0.1753 17.50) 48.4%, oklch(46.15% 0.1787 14.79) 51.6%, oklch(43.98% 0.1757 12.45) 54.8%, oklch(41.80% 0.1671 10.32) 58.1%, oklch(39.61% 0.1586 8.26) 61.3%, oklch(37.43% 0.1502 6.15) 64.5%, oklch(35.23% 0.1392 3.79) 67.7%, oklch(33.05% 0.1283 1.12) 71.0%, oklch(30.86% 0.1190 357.96) 74.2%, oklch(28.61% 0.1115 354.05) 77.4%, oklch(26.16% 0.1037 349.21) 80.6%, oklch(23.62% 0.0958 343.78) 83.9%, oklch(21.10% 0.0881 338.11) 87.1%, oklch(18.71% 0.0808 332.55) 90.3%, oklch(16.55% 0.0744 327.46) 93.5%, oklch(14.74% 0.0689 323.19) 96.8%, oklch(13.42% 0.0644 320.04) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.811 | 0.044 | 52 |
| 2 | 0.642 | 0.068 | 39.4 |
| 3 | 0.472 | 0.178 | 16.1 |
| 4 | 0.303 | 0.117 | -2.9 |
| 5 | 0.134 | 0.065 | -39.9 |

## In these collections

- [Sunset gradients](https://grabient.com/sunset-gradients)

## Other forms

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