# Monochrome black to tan radial gradient

Monochrome black to tan radial gradient with 32 colors: #000000, #010000, #080404, #1c1011, #352321, #523933, #705045, #8c6755, #a67d63, #bb906e, #c99d75, #cfa378, #cea277, #c79b72, #bc8f6a, #af8261, #9f7458, #91664f, #835a47, #795241, #744e3f, #744f40, #7a5444, #835e4c, #906a55, #9f7961, #af896e, #bf9a7b, #cfab88, #ddba94, #e8c79e, #f0d0a6. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUAAAAXZvHjqUvVvGEOg`
- Page: https://grabient.com/kUAAAAXZvHjqUvVvGEOg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, muted, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 14.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 | `#000000` | `oklch(0.00% 0.0000 0.00)` | Black | white, 21 to 1 |
| 2 | `#010000` | `oklch(4.65% 0.0047 4.06)` | Binary Black | white, 20.9 to 1 |
| 3 | `#080404` | `oklch(11.14% 0.0113 9.73)` | Pupil | white, 20.4 to 1 |
| 4 | `#1c1011` | `oklch(19.02% 0.0193 16.59)` | Scandinavian Liquorice | white, 18.5 to 1 |
| 5 | `#352321` | `oklch(27.79% 0.0282 24.25)` | Hornblende | white, 14.8 to 1 |
| 6 | `#523933` | `oklch(36.99% 0.0375 32.27)` | Ragtop | white, 10.6 to 1 |
| 7 | `#705045` | `oklch(46.14% 0.0469 40.26)` | Buffalo Herd | white, 7.2 to 1 |
| 8 | `#8c6755` | `oklch(54.77% 0.0557 47.81)` | Suede Leather | white, 4.9 to 1 |
| 9 | `#a67d63` | `oklch(62.39% 0.0636 54.50)` | New Penny | black, 5.7 to 1 |
| 10 | `#bb906e` | `oklch(68.54% 0.0701 59.92)` | Hickory Tint | black, 7.3 to 1 |
| 11 | `#c99d75` | `oklch(72.74% 0.0747 63.66)` | Gingersnap | black, 8.5 to 1 |
| 12 | `#cfa378` | `oklch(74.57% 0.0772 65.37)` | Golden Beige | black, 9.1 to 1 |
| 13 | `#cea277` | `oklch(74.17% 0.0778 65.21)` | Golden Beige | black, 9 to 1 |
| 14 | `#c79b72` | `oklch(71.99% 0.0768 63.56)` | Chimaera Brown | black, 8.3 to 1 |
| 15 | `#bc8f6a` | `oklch(68.52% 0.0748 60.80)` | Nobody but Ben | black, 7.3 to 1 |
| 16 | `#af8261` | `oklch(64.19% 0.0719 57.31)` | Sylvaneth Bark | black, 6.1 to 1 |
| 17 | `#9f7458` | `oklch(59.49% 0.0686 53.48)` | Ranch Brown | black, 5.1 to 1 |
| 18 | `#91664f` | `oklch(54.86% 0.0651 49.68)` | Mocha Delight | white, 4.9 to 1 |
| 19 | `#835a47` | `oklch(50.78% 0.0618 46.31)` | Wooden Wagon | white, 5.9 to 1 |
| 20 | `#795241` | `oklch(47.70% 0.0590 43.74)` | Earth Fired Red | white, 6.7 to 1 |
| 21 | `#744e3f` | `oklch(46.09% 0.0571 42.35)` | Friar’s Brown | white, 7.2 to 1 |
| 22 | `#744f40` | `oklch(46.38% 0.0564 42.49)` | Friar’s Brown | white, 7.1 to 1 |
| 23 | `#7a5444` | `oklch(48.32% 0.0564 43.95)` | Florentine Brown | white, 6.5 to 1 |
| 24 | `#835e4c` | `oklch(51.55% 0.0569 46.41)` | Rawhide | white, 5.7 to 1 |
| 25 | `#906a55` | `oklch(55.76% 0.0578 49.63)` | Leather | white, 4.7 to 1 |
| 26 | `#9f7961` | `oklch(60.64% 0.0590 53.37)` | Walking Stick | black, 5.3 to 1 |
| 27 | `#af896e` | `oklch(65.90% 0.0603 57.42)` | Light Topaz Ochre | black, 6.6 to 1 |
| 28 | `#bf9a7b` | `oklch(71.24% 0.0618 61.53)` | Egyptian Pyramid | black, 8.1 to 1 |
| 29 | `#cfab88` | `oklch(76.36% 0.0632 65.47)` | African Sand | black, 9.7 to 1 |
| 30 | `#ddba94` | `oklch(80.96% 0.0644 69.02)` | Friar Tuck | black, 11.5 to 1 |
| 31 | `#e8c79e` | `oklch(84.74% 0.0655 71.93)` | Compatible Cream | black, 13 to 1 |
| 32 | `#f0d0a6` | `oklch(87.40% 0.0661 73.97)` | Amber Moon | black, 14.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #000000 0.0%, #010000 3.2%, #080404 6.5%, #1c1011 9.7%, #352321 12.9%, #523933 16.1%, #705045 19.4%, #8c6755 22.6%, #a67d63 25.8%, #bb906e 29.0%, #c99d75 32.3%, #cfa378 35.5%, #cea277 38.7%, #c79b72 41.9%, #bc8f6a 45.2%, #af8261 48.4%, #9f7458 51.6%, #91664f 54.8%, #835a47 58.1%, #795241 61.3%, #744e3f 64.5%, #744f40 67.7%, #7a5444 71.0%, #835e4c 74.2%, #906a55 77.4%, #9f7961 80.6%, #af896e 83.9%, #bf9a7b 87.1%, #cfab88 90.3%, #ddba94 93.5%, #e8c79e 96.8%, #f0d0a6 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(0.00% 0.0000 0.00) 0.0%, oklch(4.65% 0.0047 4.06) 3.2%, oklch(11.14% 0.0113 9.73) 6.5%, oklch(19.02% 0.0193 16.59) 9.7%, oklch(27.79% 0.0282 24.25) 12.9%, oklch(36.99% 0.0375 32.27) 16.1%, oklch(46.14% 0.0469 40.26) 19.4%, oklch(54.77% 0.0557 47.81) 22.6%, oklch(62.39% 0.0636 54.50) 25.8%, oklch(68.54% 0.0701 59.92) 29.0%, oklch(72.74% 0.0747 63.66) 32.3%, oklch(74.57% 0.0772 65.37) 35.5%, oklch(74.17% 0.0778 65.21) 38.7%, oklch(71.99% 0.0768 63.56) 41.9%, oklch(68.52% 0.0748 60.80) 45.2%, oklch(64.19% 0.0719 57.31) 48.4%, oklch(59.49% 0.0686 53.48) 51.6%, oklch(54.86% 0.0651 49.68) 54.8%, oklch(50.78% 0.0618 46.31) 58.1%, oklch(47.70% 0.0590 43.74) 61.3%, oklch(46.09% 0.0571 42.35) 64.5%, oklch(46.38% 0.0564 42.49) 67.7%, oklch(48.32% 0.0564 43.95) 71.0%, oklch(51.55% 0.0569 46.41) 74.2%, oklch(55.76% 0.0578 49.63) 77.4%, oklch(60.64% 0.0590 53.37) 80.6%, oklch(65.90% 0.0603 57.42) 83.9%, oklch(71.24% 0.0618 61.53) 87.1%, oklch(76.36% 0.0632 65.47) 90.3%, oklch(80.96% 0.0644 69.02) 93.5%, oklch(84.74% 0.0655 71.93) 96.8%, oklch(87.40% 0.0661 73.97) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0 | 0 | 0 |
| 2 | 0.736 | 0.076 | 64.5 |
| 3 | 0.461 | 0.056 | 42.3 |
| 4 | 0.874 | 0.066 | 74 |

## Other forms

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