# Soil brown ochre glow

Vivid monochrome brown to tan radial gradient with 40 colors: #d67b25, #cf7825, #c77425, #bd6e26, #b26926, #a56226, #995c26, #8d5626, #815025, #764a24, #6c4524, #644123, #5d3e22, #593c22, #563b22, #543a22, #533a22, #543b22, #553d22, #563f22, #594123, #5c4423, #5f4724, #634b25, #674f27, #6c5329, #71582b, #775e2e, #7e6432, #876c36, #90753a, #9b7e40, #a58845, #b0914a, #bb9b50, #c5a555, #cfad5a, #d7b55e, #debc62, #e4c165. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid monochrome brown to tan radial gradient
- Seed: `kUqmopsJTATyZwjoq0Dg`
- Page: https://grabient.com/kUqmopsJTATyZwjoq0Dg?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: dark center, vivid, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 6 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 | `#d67b25` | `oklch(66.93% 0.1461 58.36)` | Yellow Mandarin | black, 6.7 to 1 |
| 2 | `#cf7825` | `oklch(65.56% 0.1418 58.46)` | Ochre | black, 6.3 to 1 |
| 3 | `#c77425` | `oklch(63.71% 0.1362 58.51)` | October | black, 5.9 to 1 |
| 4 | `#bd6e26` | `oklch(61.48% 0.1294 58.55)` | Thai Curry | black, 5.4 to 1 |
| 5 | `#b26926` | `oklch(58.95% 0.1217 58.58)` | Pumpkin Spice | black, 4.9 to 1 |
| 6 | `#a56226` | `oklch(56.23% 0.1134 58.63)` | Cockatrice Brown | white, 4.7 to 1 |
| 7 | `#995c26` | `oklch(53.40% 0.1048 58.70)` | Chilli Con Carne | white, 5.3 to 1 |
| 8 | `#8d5626` | `oklch(50.55% 0.0961 58.82)` | Caramel Café | white, 6 to 1 |
| 9 | `#815025` | `oklch(47.77% 0.0875 59.01)` | Valise | white, 6.7 to 1 |
| 10 | `#764a24` | `oklch(45.16% 0.0794 59.28)` | Vintage Wood | white, 7.5 to 1 |
| 11 | `#6c4524` | `oklch(42.80% 0.0719 59.65)` | Bunni Brown | white, 8.3 to 1 |
| 12 | `#644123` | `oklch(40.80% 0.0655 60.14)` | Satoimo Brown | white, 9 to 1 |
| 13 | `#5d3e22` | `oklch(39.23% 0.0602 60.76)` | Bracken | white, 9.6 to 1 |
| 14 | `#593c22` | `oklch(38.19% 0.0565 61.53)` | Bracken | white, 10 to 1 |
| 15 | `#563b22` | `oklch(37.60% 0.0541 62.50)` | Kuro Brown | white, 10.3 to 1 |
| 16 | `#543a22` | `oklch(37.29% 0.0526 63.69)` | Kuro Brown | white, 10.4 to 1 |
| 17 | `#533a22` | `oklch(37.25% 0.0519 65.05)` | Kuro Brown | white, 10.4 to 1 |
| 18 | `#543b22` | `oklch(37.45% 0.0520 66.56)` | Kuro Brown | white, 10.3 to 1 |
| 19 | `#553d22` | `oklch(37.90% 0.0527 68.17)` | Clove Yellow Brown | white, 10.1 to 1 |
| 20 | `#563f22` | `oklch(38.55% 0.0540 69.85)` | Clove Yellow Brown | white, 9.8 to 1 |
| 21 | `#594123` | `oklch(39.40% 0.0557 71.57)` | Beech Brown | white, 9.5 to 1 |
| 22 | `#5c4423` | `oklch(40.43% 0.0578 73.28)` | Nightingale | white, 9.1 to 1 |
| 23 | `#5f4724` | `oklch(41.62% 0.0601 74.96)` | Nightingale | white, 8.6 to 1 |
| 24 | `#634b25` | `oklch(42.95% 0.0626 76.56)` | Dallas | white, 8.1 to 1 |
| 25 | `#674f27` | `oklch(44.41% 0.0652 78.05)` | Black Queen | white, 7.6 to 1 |
| 26 | `#6c5329` | `oklch(45.98% 0.0678 79.39)` | Horses Neck | white, 7.1 to 1 |
| 27 | `#71582b` | `oklch(47.64% 0.0703 80.55)` | Olivary | white, 6.6 to 1 |
| 28 | `#775e2e` | `oklch(49.57% 0.0730 81.57)` | Florentine Dream | white, 6.1 to 1 |
| 29 | `#7e6432` | `oklch(51.93% 0.0763 82.52)` | Dirt Brown | white, 5.5 to 1 |
| 30 | `#876c36` | `oklch(54.62% 0.0800 83.40)` | Kimirucha Brown | white, 4.9 to 1 |
| 31 | `#90753a` | `oklch(57.58% 0.0842 84.21)` | Bengal Grass | black, 4.7 to 1 |
| 32 | `#9b7e40` | `oklch(60.71% 0.0885 84.96)` | Burnished Bronze | black, 5.4 to 1 |
| 33 | `#a58845` | `oklch(63.93% 0.0930 85.64)` | Mustard Gold | black, 6.1 to 1 |
| 34 | `#b0914a` | `oklch(67.17% 0.0975 86.28)` | Pirate’s Hook | black, 7 to 1 |
| 35 | `#bb9b50` | `oklch(70.33% 0.1019 86.85)` | Tangy Green | black, 7.9 to 1 |
| 36 | `#c5a555` | `oklch(73.35% 0.1061 87.37)` | Sauterne | black, 8.8 to 1 |
| 37 | `#cfad5a` | `oklch(76.14% 0.1100 87.85)` | Hay Wain | black, 9.7 to 1 |
| 38 | `#d7b55e` | `oklch(78.61% 0.1134 88.28)` | Strike It Rich | black, 10.6 to 1 |
| 39 | `#debc62` | `oklch(80.69% 0.1163 88.66)` | Termite Beige | black, 11.4 to 1 |
| 40 | `#e4c165` | `oklch(82.28% 0.1185 89.01)` | Candelabra | black, 12.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d67b25 0.0%, #cf7825 2.6%, #c77425 5.1%, #bd6e26 7.7%, #b26926 10.3%, #a56226 12.8%, #995c26 15.4%, #8d5626 17.9%, #815025 20.5%, #764a24 23.1%, #6c4524 25.6%, #644123 28.2%, #5d3e22 30.8%, #593c22 33.3%, #563b22 35.9%, #543a22 38.5%, #533a22 41.0%, #543b22 43.6%, #553d22 46.2%, #563f22 48.7%, #594123 51.3%, #5c4423 53.8%, #5f4724 56.4%, #634b25 59.0%, #674f27 61.5%, #6c5329 64.1%, #71582b 66.7%, #775e2e 69.2%, #7e6432 71.8%, #876c36 74.4%, #90753a 76.9%, #9b7e40 79.5%, #a58845 82.1%, #b0914a 84.6%, #bb9b50 87.2%, #c5a555 89.7%, #cfad5a 92.3%, #d7b55e 94.9%, #debc62 97.4%, #e4c165 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(66.93% 0.1461 58.36) 0.0%, oklch(65.56% 0.1418 58.46) 2.6%, oklch(63.71% 0.1362 58.51) 5.1%, oklch(61.48% 0.1294 58.55) 7.7%, oklch(58.95% 0.1217 58.58) 10.3%, oklch(56.23% 0.1134 58.63) 12.8%, oklch(53.40% 0.1048 58.70) 15.4%, oklch(50.55% 0.0961 58.82) 17.9%, oklch(47.77% 0.0875 59.01) 20.5%, oklch(45.16% 0.0794 59.28) 23.1%, oklch(42.80% 0.0719 59.65) 25.6%, oklch(40.80% 0.0655 60.14) 28.2%, oklch(39.23% 0.0602 60.76) 30.8%, oklch(38.19% 0.0565 61.53) 33.3%, oklch(37.60% 0.0541 62.50) 35.9%, oklch(37.29% 0.0526 63.69) 38.5%, oklch(37.25% 0.0519 65.05) 41.0%, oklch(37.45% 0.0520 66.56) 43.6%, oklch(37.90% 0.0527 68.17) 46.2%, oklch(38.55% 0.0540 69.85) 48.7%, oklch(39.40% 0.0557 71.57) 51.3%, oklch(40.43% 0.0578 73.28) 53.8%, oklch(41.62% 0.0601 74.96) 56.4%, oklch(42.95% 0.0626 76.56) 59.0%, oklch(44.41% 0.0652 78.05) 61.5%, oklch(45.98% 0.0678 79.39) 64.1%, oklch(47.64% 0.0703 80.55) 66.7%, oklch(49.57% 0.0730 81.57) 69.2%, oklch(51.93% 0.0763 82.52) 71.8%, oklch(54.62% 0.0800 83.40) 74.4%, oklch(57.58% 0.0842 84.21) 76.9%, oklch(60.71% 0.0885 84.96) 79.5%, oklch(63.93% 0.0930 85.64) 82.1%, oklch(67.17% 0.0975 86.28) 84.6%, oklch(70.33% 0.1019 86.85) 87.2%, oklch(73.35% 0.1061 87.37) 89.7%, oklch(76.14% 0.1100 87.85) 92.3%, oklch(78.61% 0.1134 88.28) 94.9%, oklch(80.69% 0.1163 88.66) 97.4%, oklch(82.28% 0.1185 89.01) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.669 | 0.146 | 58.4 |
| 2 | 0.382 | 0.056 | 61.5 |
| 3 | 0.476 | 0.07 | 80.6 |
| 4 | 0.823 | 0.119 | 89 |

## In these collections

- [Tomato vine abundance](https://grabient.com/tomato-vine-abundance)

## Other forms

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