# Tan, dark gray, beige and gray radial gradient

Tan, dark gray, beige and gray radial gradient with 40 colors: #d5c096, #d3bc91, #cfb689, #cab080, #c5a877, #c0a16e, #bc9b66, #b89561, #b5925f, #b49062, #b49069, #b59172, #b4937b, #b29583, #ad9687, #a69488, #9c8f84, #8c857a, #78776d, #636760, #515752, #434947, #3a3f3f, #363c3d, #3a4142, #465051, #586764, #70827a, #8f9f8e, #b1b99f, #d1ceaf, #e6dab9, #eedcbc, #ecd6b9, #e3ccb1, #d5bfa6, #c5b09a, #b6a28e, #a99684, #a18f7e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYzyw71p0_FUJPitA1F8ZCxdQMPY`
- Page: https://grabient.com/kYzyw71p0_FUJPitA1F8ZCxdQMPY?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: dark center, muted, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.3 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 | `#d5c096` | `oklch(81.50% 0.0606 83.67)` | Grain Mill | black, 11.8 to 1 |
| 2 | `#d3bc91` | `oklch(80.34% 0.0627 83.14)` | Savannah | black, 11.3 to 1 |
| 3 | `#cfb689` | `oklch(78.71% 0.0660 82.48)` | Aged Papyrus | black, 10.7 to 1 |
| 4 | `#cab080` | `oklch(76.77% 0.0700 81.70)` | Gold Perennial | black, 10 to 1 |
| 5 | `#c5a877` | `oklch(74.66% 0.0741 80.80)` | Gold Rush | black, 9.2 to 1 |
| 6 | `#c0a16e` | `oklch(72.57% 0.0777 79.78)` | Silence Is Golden | black, 8.5 to 1 |
| 7 | `#bc9b66` | `oklch(70.64% 0.0802 78.64)` | Tiger | black, 7.9 to 1 |
| 8 | `#b89561` | `oklch(69.04% 0.0809 77.37)` | Spiced Mustard | black, 7.5 to 1 |
| 9 | `#b5925f` | `oklch(67.94% 0.0794 75.93)` | Gold Ransom | black, 7.2 to 1 |
| 10 | `#b49062` | `oklch(67.56% 0.0752 72.78)` | Maple View | black, 7 to 1 |
| 11 | `#b49069` | `oklch(67.76% 0.0687 67.99)` | Pale Brown | black, 7.1 to 1 |
| 12 | `#b59172` | `oklch(68.26% 0.0607 62.66)` | Toasted | black, 7.2 to 1 |
| 13 | `#b4937b` | `oklch(68.80% 0.0519 57.84)` | Changing Seasons | black, 7.4 to 1 |
| 14 | `#b29583` | `oklch(69.12% 0.0431 54.63)` | Mexican Sand | black, 7.5 to 1 |
| 15 | `#ad9687` | `oklch(68.93% 0.0349 54.09)` | Chic Taupe | black, 7.4 to 1 |
| 16 | `#a69488` | `oklch(67.98% 0.0280 57.31)` | Sorrel Felt | black, 7.2 to 1 |
| 17 | `#9c8f84` | `oklch(65.91% 0.0230 65.65)` | Eiffel Tower | black, 6.6 to 1 |
| 18 | `#8c857a` | `oklch(61.98% 0.0188 81.78)` | Roller Coaster | black, 5.7 to 1 |
| 19 | `#78776d` | `oklch(56.67% 0.0151 103.87)` | Forest Floor Khaki | black, 4.6 to 1 |
| 20 | `#636760` | `oklch(50.72% 0.0120 129.18)` | Black Locust | white, 5.7 to 1 |
| 21 | `#515752` | `oklch(44.86% 0.0097 154.98)` | Sable Calm | white, 7.4 to 1 |
| 22 | `#434947` | `oklch(39.82% 0.0081 178.52)` | Bamboo Charcoal | white, 9.2 to 1 |
| 23 | `#3a3f3f` | `oklch(36.33% 0.0075 197.07)` | Tamahagane | white, 10.6 to 1 |
| 24 | `#363c3d` | `oklch(35.11% 0.0078 207.88)` | Old School | white, 11.2 to 1 |
| 25 | `#3a4142` | `oklch(36.99% 0.0095 208.58)` | Cannon Barrel | white, 10.3 to 1 |
| 26 | `#465051` | `oklch(42.25% 0.0132 200.10)` | Descent Into the Catacombs | white, 8.3 to 1 |
| 27 | `#586764` | `oklch(49.94% 0.0185 184.81)` | Brooklyn | white, 5.9 to 1 |
| 28 | `#70827a` | `oklch(59.04% 0.0247 165.07)` | Studio Blue Green | black, 5.1 to 1 |
| 29 | `#8f9f8e` | `oklch(68.51% 0.0311 143.25)` | Hillside View | black, 7.5 to 1 |
| 30 | `#b1b99f` | `oklch(77.33% 0.0371 121.69)` | Foille | black, 10.3 to 1 |
| 31 | `#d1ceaf` | `oklch(84.47% 0.0419 102.76)` | Longbeard Grey | black, 13.1 to 1 |
| 32 | `#e6dab9` | `oklch(88.90% 0.0451 88.82)` | At the Beach | black, 15 to 1 |
| 33 | `#eedcbc` | `oklch(90.07% 0.0462 80.45)` | Sandhill | black, 15.5 to 1 |
| 34 | `#ecd6b9` | `oklch(88.80% 0.0457 74.80)` | Sugared Pears | black, 14.9 to 1 |
| 35 | `#e3ccb1` | `oklch(85.76% 0.0442 71.25)` | Jacobean Lace | black, 13.5 to 1 |
| 36 | `#d5bfa6` | `oklch(81.58% 0.0419 69.27)` | Pine Strain | black, 11.7 to 1 |
| 37 | `#c5b09a` | `oklch(76.90% 0.0392 68.36)` | Sandrock | black, 10 to 1 |
| 38 | `#b6a28e` | `oklch(72.34% 0.0366 67.98)` | Hickory | black, 8.5 to 1 |
| 39 | `#a99684` | `oklch(68.54% 0.0344 67.63)` | Silent Sands | black, 7.3 to 1 |
| 40 | `#a18f7e` | `oklch(66.14% 0.0331 66.76)` | Cocoa Whip | black, 6.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d5c096 0.0%, #d3bc91 2.6%, #cfb689 5.1%, #cab080 7.7%, #c5a877 10.3%, #c0a16e 12.8%, #bc9b66 15.4%, #b89561 17.9%, #b5925f 20.5%, #b49062 23.1%, #b49069 25.6%, #b59172 28.2%, #b4937b 30.8%, #b29583 33.3%, #ad9687 35.9%, #a69488 38.5%, #9c8f84 41.0%, #8c857a 43.6%, #78776d 46.2%, #636760 48.7%, #515752 51.3%, #434947 53.8%, #3a3f3f 56.4%, #363c3d 59.0%, #3a4142 61.5%, #465051 64.1%, #586764 66.7%, #70827a 69.2%, #8f9f8e 71.8%, #b1b99f 74.4%, #d1ceaf 76.9%, #e6dab9 79.5%, #eedcbc 82.1%, #ecd6b9 84.6%, #e3ccb1 87.2%, #d5bfa6 89.7%, #c5b09a 92.3%, #b6a28e 94.9%, #a99684 97.4%, #a18f7e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(81.50% 0.0606 83.67) 0.0%, oklch(80.34% 0.0627 83.14) 2.6%, oklch(78.71% 0.0660 82.48) 5.1%, oklch(76.77% 0.0700 81.70) 7.7%, oklch(74.66% 0.0741 80.80) 10.3%, oklch(72.57% 0.0777 79.78) 12.8%, oklch(70.64% 0.0802 78.64) 15.4%, oklch(69.04% 0.0809 77.37) 17.9%, oklch(67.94% 0.0794 75.93) 20.5%, oklch(67.56% 0.0752 72.78) 23.1%, oklch(67.76% 0.0687 67.99) 25.6%, oklch(68.26% 0.0607 62.66) 28.2%, oklch(68.80% 0.0519 57.84) 30.8%, oklch(69.12% 0.0431 54.63) 33.3%, oklch(68.93% 0.0349 54.09) 35.9%, oklch(67.98% 0.0280 57.31) 38.5%, oklch(65.91% 0.0230 65.65) 41.0%, oklch(61.98% 0.0188 81.78) 43.6%, oklch(56.67% 0.0151 103.87) 46.2%, oklch(50.72% 0.0120 129.18) 48.7%, oklch(44.86% 0.0097 154.98) 51.3%, oklch(39.82% 0.0081 178.52) 53.8%, oklch(36.33% 0.0075 197.07) 56.4%, oklch(35.11% 0.0078 207.88) 59.0%, oklch(36.99% 0.0095 208.58) 61.5%, oklch(42.25% 0.0132 200.10) 64.1%, oklch(49.94% 0.0185 184.81) 66.7%, oklch(59.04% 0.0247 165.07) 69.2%, oklch(68.51% 0.0311 143.25) 71.8%, oklch(77.33% 0.0371 121.69) 74.4%, oklch(84.47% 0.0419 102.76) 76.9%, oklch(88.90% 0.0451 88.82) 79.5%, oklch(90.07% 0.0462 80.45) 82.1%, oklch(88.80% 0.0457 74.80) 84.6%, oklch(85.76% 0.0442 71.25) 87.2%, oklch(81.58% 0.0419 69.27) 89.7%, oklch(76.90% 0.0392 68.36) 92.3%, oklch(72.34% 0.0366 67.98) 94.9%, oklch(68.54% 0.0344 67.63) 97.4%, oklch(66.14% 0.0331 66.76) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.815 | 0.061 | 83.7 |
| 2 | 0.681 | 0.08 | 76.3 |
| 3 | 0.669 | 0.025 | 61.5 |
| 4 | 0.354 | 0.008 | 209.4 |
| 5 | 0.894 | 0.045 | 86.8 |
| 6 | 0.661 | 0.033 | 66.8 |

## Other forms

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