# Analogous brown, gray and olive radial gradient

Analogous brown, gray and olive radial gradient with 56 colors: #7f2502, #7d2505, #7b2507, #78240a, #75230d, #71220f, #6e2111, #6a2013, #661f15, #621f16, #5e1e17, #5b1e18, #581e19, #561f1b, #54201c, #53221e, #532420, #552722, #572b25, #5a3029, #5f372e, #663f35, #6f483d, #785346, #835f50, #8e6c5b, #9a7966, #a68772, #b2957f, #bea38b, #c9b097, #d3bca2, #dcc8ad, #e4d1b5, #eadabd, #efe0c2, #f1e3c5, #f0e4c5, #ede2c2, #e8debd, #e0d8b6, #d7cfac, #ccc6a1, #c0bb95, #b4af88, #a6a37a, #99966c, #8b895d, #7e7d4f, #717142, #656535, #5a5b29, #50521e, #484a13, #414309, #3b3e01. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUZl4bLJe-_UPxusnELA`
- Page: https://grabient.com/kUZl4bLJe-_UPxusnELA?style=radialGradient&steps=56&angle=0
- Drawn as: radial gradient, 56 steps, 0 degrees
- Kinds: light center, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 10.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 | `#7f2502` | `oklch(40.16% 0.1295 37.97)` | Mahogany Brown | white, 9.7 to 1 |
| 2 | `#7d2505` | `oklch(39.92% 0.1275 37.62)` | Drip Coffee | white, 9.7 to 1 |
| 3 | `#7b2507` | `oklch(39.49% 0.1250 37.05)` | Drip Coffee | white, 9.9 to 1 |
| 4 | `#78240a` | `oklch(38.92% 0.1222 36.31)` | Buried Lust | white, 10.1 to 1 |
| 5 | `#75230d` | `oklch(38.22% 0.1189 35.43)` | Tempered Chocolate | white, 10.4 to 1 |
| 6 | `#71220f` | `oklch(37.45% 0.1154 34.44)` | Burning Steppes | white, 10.7 to 1 |
| 7 | `#6e2111` | `oklch(36.62% 0.1116 33.39)` | Prune | white, 11.1 to 1 |
| 8 | `#6a2013` | `oklch(35.77% 0.1076 32.31)` | Brown Moelleux | white, 11.5 to 1 |
| 9 | `#661f15` | `oklch(34.94% 0.1035 31.24)` | Brown Moelleux | white, 11.8 to 1 |
| 10 | `#621f16` | `oklch(34.15% 0.0992 30.21)` | Cherrywood | white, 12.2 to 1 |
| 11 | `#5e1e17` | `oklch(33.45% 0.0950 29.26)` | Altar Wine | white, 12.5 to 1 |
| 12 | `#5b1e18` | `oklch(32.85% 0.0907 28.43)` | Red Oxide | white, 12.7 to 1 |
| 13 | `#581e19` | `oklch(32.40% 0.0865 27.76)` | Philippine Brown | white, 12.9 to 1 |
| 14 | `#561f1b` | `oklch(32.13% 0.0824 27.28)` | Burnt Crimson | white, 13 to 1 |
| 15 | `#54201c` | `oklch(32.07% 0.0785 27.03)` | Torrefacto Roast | white, 13 to 1 |
| 16 | `#53221e` | `oklch(32.25% 0.0748 27.05)` | Torrefacto Roast | white, 12.9 to 1 |
| 17 | `#532420` | `oklch(32.71% 0.0714 27.37)` | Lonestar | white, 12.7 to 1 |
| 18 | `#552722` | `oklch(33.48% 0.0683 28.04)` | Caput Mortuum | white, 12.3 to 1 |
| 19 | `#572b25` | `oklch(34.59% 0.0656 29.08)` | Worcestershire Sauce | white, 11.8 to 1 |
| 20 | `#5a3029` | `oklch(36.14% 0.0632 30.55)` | Bratwurst | white, 11.1 to 1 |
| 21 | `#5f372e` | `oklch(38.32% 0.0609 32.48)` | Rusted Crimson | white, 10.1 to 1 |
| 22 | `#663f35` | `oklch(41.07% 0.0588 34.85)` | Sekkasshoku Brown | white, 9 to 1 |
| 23 | `#6f483d` | `oklch(44.30% 0.0567 37.58)` | Dancing Dogs | white, 7.8 to 1 |
| 24 | `#785346` | `oklch(47.93% 0.0548 40.64)` | Roasted | white, 6.7 to 1 |
| 25 | `#835f50` | `oklch(51.86% 0.0529 43.97)` | Spanish Chestnut | white, 5.6 to 1 |
| 26 | `#8e6c5b` | `oklch(56.02% 0.0512 47.52)` | Wild Cattail | white, 4.7 to 1 |
| 27 | `#9a7966` | `oklch(60.32% 0.0496 51.25)` | Fudge Bar | black, 5.3 to 1 |
| 28 | `#a68772` | `oklch(64.66% 0.0482 55.10)` | Tribal Pottery | black, 6.3 to 1 |
| 29 | `#b2957f` | `oklch(68.98% 0.0469 59.02)` | Cobbler Shop | black, 7.4 to 1 |
| 30 | `#bea38b` | `oklch(73.17% 0.0458 62.97)` | Sands of Time | black, 8.7 to 1 |
| 31 | `#c9b097` | `oklch(77.16% 0.0448 66.90)` | Toasted Wheat | black, 10.1 to 1 |
| 32 | `#d3bca2` | `oklch(80.85% 0.0440 70.74)` | Nutty Beige | black, 11.5 to 1 |
| 33 | `#dcc8ad` | `oklch(84.17% 0.0433 74.46)` | Sunday Drive | black, 12.8 to 1 |
| 34 | `#e4d1b5` | `oklch(87.02% 0.0428 78.01)` | Comfy Beige | black, 14.1 to 1 |
| 35 | `#eadabd` | `oklch(89.32% 0.0425 81.33)` | Irish Cream | black, 15.2 to 1 |
| 36 | `#efe0c2` | `oklch(90.99% 0.0424 84.37)` | Woven Raffia | black, 16 to 1 |
| 37 | `#f1e3c5` | `oklch(91.94% 0.0425 87.09)` | Afterglow | black, 16.5 to 1 |
| 38 | `#f0e4c5` | `oklch(92.08% 0.0429 89.44)` | Tamale | black, 16.6 to 1 |
| 39 | `#ede2c2` | `oklch(91.40% 0.0435 91.61)` | Beurre Blanc | black, 16.2 to 1 |
| 40 | `#e8debd` | `oklch(89.99% 0.0446 93.65)` | Amish Bread | black, 15.6 to 1 |
| 41 | `#e0d8b6` | `oklch(87.92% 0.0460 95.56)` | Flowering Reed | black, 14.6 to 1 |
| 42 | `#d7cfac` | `oklch(85.28% 0.0477 97.36)` | Crystal Palace | black, 13.4 to 1 |
| 43 | `#ccc6a1` | `oklch(82.16% 0.0496 99.04)` | Floating Lily Pad | black, 12.1 to 1 |
| 44 | `#c0bb95` | `oklch(78.62% 0.0518 100.62)` | Salty Seeds | black, 10.7 to 1 |
| 45 | `#b4af88` | `oklch(74.77% 0.0541 102.09)` | Lively Ivy | black, 9.4 to 1 |
| 46 | `#a6a37a` | `oklch(70.68% 0.0565 103.47)` | Fond of Fronds | black, 8.1 to 1 |
| 47 | `#99966c` | `oklch(66.44% 0.0590 104.75)` | Silk Road | black, 6.9 to 1 |
| 48 | `#8b895d` | `oklch(62.12% 0.0615 105.95)` | Fertile Green | black, 5.8 to 1 |
| 49 | `#7e7d4f` | `oklch(57.82% 0.0640 107.06)` | Verdant Leaf | black, 4.9 to 1 |
| 50 | `#717142` | `oklch(53.61% 0.0664 108.10)` | Wild Jungle | white, 5 to 1 |
| 51 | `#656535` | `oklch(49.58% 0.0687 109.07)` | Jungle Civilization | white, 6 to 1 |
| 52 | `#5a5b29` | `oklch(45.81% 0.0709 109.96)` | Saratoga | white, 7 to 1 |
| 53 | `#50521e` | `oklch(42.39% 0.0729 110.80)` | Private Green | white, 8.2 to 1 |
| 54 | `#484a13` | `oklch(39.40% 0.0746 111.58)` | No Emissions Green | white, 9.3 to 1 |
| 55 | `#414309` | `oklch(36.92% 0.0760 112.31)` | Green Not Found | white, 10.3 to 1 |
| 56 | `#3b3e01` | `oklch(35.04% 0.0772 113.00)` | Dark Olive | white, 11.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #7f2502 0.0%, #7d2505 1.8%, #7b2507 3.6%, #78240a 5.5%, #75230d 7.3%, #71220f 9.1%, #6e2111 10.9%, #6a2013 12.7%, #661f15 14.5%, #621f16 16.4%, #5e1e17 18.2%, #5b1e18 20.0%, #581e19 21.8%, #561f1b 23.6%, #54201c 25.5%, #53221e 27.3%, #532420 29.1%, #552722 30.9%, #572b25 32.7%, #5a3029 34.5%, #5f372e 36.4%, #663f35 38.2%, #6f483d 40.0%, #785346 41.8%, #835f50 43.6%, #8e6c5b 45.5%, #9a7966 47.3%, #a68772 49.1%, #b2957f 50.9%, #bea38b 52.7%, #c9b097 54.5%, #d3bca2 56.4%, #dcc8ad 58.2%, #e4d1b5 60.0%, #eadabd 61.8%, #efe0c2 63.6%, #f1e3c5 65.5%, #f0e4c5 67.3%, #ede2c2 69.1%, #e8debd 70.9%, #e0d8b6 72.7%, #d7cfac 74.5%, #ccc6a1 76.4%, #c0bb95 78.2%, #b4af88 80.0%, #a6a37a 81.8%, #99966c 83.6%, #8b895d 85.5%, #7e7d4f 87.3%, #717142 89.1%, #656535 90.9%, #5a5b29 92.7%, #50521e 94.5%, #484a13 96.4%, #414309 98.2%, #3b3e01 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(40.16% 0.1295 37.97) 0.0%, oklch(39.92% 0.1275 37.62) 1.8%, oklch(39.49% 0.1250 37.05) 3.6%, oklch(38.92% 0.1222 36.31) 5.5%, oklch(38.22% 0.1189 35.43) 7.3%, oklch(37.45% 0.1154 34.44) 9.1%, oklch(36.62% 0.1116 33.39) 10.9%, oklch(35.77% 0.1076 32.31) 12.7%, oklch(34.94% 0.1035 31.24) 14.5%, oklch(34.15% 0.0992 30.21) 16.4%, oklch(33.45% 0.0950 29.26) 18.2%, oklch(32.85% 0.0907 28.43) 20.0%, oklch(32.40% 0.0865 27.76) 21.8%, oklch(32.13% 0.0824 27.28) 23.6%, oklch(32.07% 0.0785 27.03) 25.5%, oklch(32.25% 0.0748 27.05) 27.3%, oklch(32.71% 0.0714 27.37) 29.1%, oklch(33.48% 0.0683 28.04) 30.9%, oklch(34.59% 0.0656 29.08) 32.7%, oklch(36.14% 0.0632 30.55) 34.5%, oklch(38.32% 0.0609 32.48) 36.4%, oklch(41.07% 0.0588 34.85) 38.2%, oklch(44.30% 0.0567 37.58) 40.0%, oklch(47.93% 0.0548 40.64) 41.8%, oklch(51.86% 0.0529 43.97) 43.6%, oklch(56.02% 0.0512 47.52) 45.5%, oklch(60.32% 0.0496 51.25) 47.3%, oklch(64.66% 0.0482 55.10) 49.1%, oklch(68.98% 0.0469 59.02) 50.9%, oklch(73.17% 0.0458 62.97) 52.7%, oklch(77.16% 0.0448 66.90) 54.5%, oklch(80.85% 0.0440 70.74) 56.4%, oklch(84.17% 0.0433 74.46) 58.2%, oklch(87.02% 0.0428 78.01) 60.0%, oklch(89.32% 0.0425 81.33) 61.8%, oklch(90.99% 0.0424 84.37) 63.6%, oklch(91.94% 0.0425 87.09) 65.5%, oklch(92.08% 0.0429 89.44) 67.3%, oklch(91.40% 0.0435 91.61) 69.1%, oklch(89.99% 0.0446 93.65) 70.9%, oklch(87.92% 0.0460 95.56) 72.7%, oklch(85.28% 0.0477 97.36) 74.5%, oklch(82.16% 0.0496 99.04) 76.4%, oklch(78.62% 0.0518 100.62) 78.2%, oklch(74.77% 0.0541 102.09) 80.0%, oklch(70.68% 0.0565 103.47) 81.8%, oklch(66.44% 0.0590 104.75) 83.6%, oklch(62.12% 0.0615 105.95) 85.5%, oklch(57.82% 0.0640 107.06) 87.3%, oklch(53.61% 0.0664 108.10) 89.1%, oklch(49.58% 0.0687 109.07) 90.9%, oklch(45.81% 0.0709 109.96) 92.7%, oklch(42.39% 0.0729 110.80) 94.5%, oklch(39.40% 0.0746 111.58) 96.4%, oklch(36.92% 0.0760 112.31) 98.2%, oklch(35.04% 0.0772 113.00) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.402 | 0.13 | 38 |
| 2 | 0.35 | 0.065 | 29.5 |
| 3 | 0.921 | 0.043 | 88.7 |
| 4 | 0.35 | 0.077 | 113 |

## Other forms

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