# Gray, brown, maroon and orange radial gradient

Gray, brown, maroon and orange radial gradient with 64 colors: #b4dac1, #b1d4b9, #aecdaf, #aac4a4, #a6ba97, #a1af8a, #9da37c, #98966f, #928963, #8c7c57, #866f4d, #7f6244, #77563d, #6f4a37, #674032, #60362f, #582e2c, #522629, #4c2028, #481c26, #461826, #451625, #461525, #4a1525, #4f1625, #571925, #5f1d24, #692221, #73281d, #7e3115, #883b05, #8f4800, #945700, #9a6500, #9e7200, #a28000, #a48e00, #a49b00, #a3a800, #9fb300, #9bbd1b, #97c52d, #95ca36, #95cd3a, #97cf3a, #9bcf36, #a0ce2f, #a6cc23, #acc90f, #b3c400, #babf00, #c0b900, #c5b300, #c9ad00, #cca600, #cfa000, #d29a00, #d49300, #d68d00, #d78700, #d98200, #da7d00, #dc7900, #dc760b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU2SZvI5st2LBzrVOjeA`
- Page: https://grabient.com/kU2SZvI5st2LBzrVOjeA?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: dark center, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 9.8 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 | `#b4dac1` | `oklch(85.43% 0.0524 156.09)` | Ice Mist | black, 13.7 to 1 |
| 2 | `#b1d4b9` | `oklch(83.82% 0.0528 151.81)` | Enchanted Meadow | black, 13 to 1 |
| 3 | `#aecdaf` | `oklch(81.76% 0.0533 146.33)` | Spinach Dip | black, 12.1 to 1 |
| 4 | `#aac4a4` | `oklch(79.30% 0.0536 139.81)` | Green Bark | black, 11.1 to 1 |
| 5 | `#a6ba97` | `oklch(76.50% 0.0540 132.39)` | Byakuroku Green | black, 10.1 to 1 |
| 6 | `#a1af8a` | `oklch(73.41% 0.0543 124.20)` | Filigree Green | black, 9 to 1 |
| 7 | `#9da37c` | `oklch(70.08% 0.0546 115.38)` | French Parsley | black, 7.9 to 1 |
| 8 | `#98966f` | `oklch(66.56% 0.0550 106.07)` | Silk Road | black, 6.9 to 1 |
| 9 | `#928963` | `oklch(62.92% 0.0554 96.42)` | Enchanted Wood | black, 6 to 1 |
| 10 | `#8c7c57` | `oklch(59.20% 0.0559 86.56)` | Woven Basket | black, 5.1 to 1 |
| 11 | `#866f4d` | `oklch(55.46% 0.0564 76.63)` | Golden Freesia | white, 4.7 to 1 |
| 12 | `#7f6244` | `oklch(51.74% 0.0571 66.77)` | Fall in Season | white, 5.6 to 1 |
| 13 | `#77563d` | `oklch(48.11% 0.0579 57.13)` | Leather & Lace | white, 6.6 to 1 |
| 14 | `#6f4a37` | `oklch(44.62% 0.0589 47.83)` | Cappuccino | white, 7.7 to 1 |
| 15 | `#674032` | `oklch(41.31% 0.0600 39.03)` | Roasted Coffee | white, 8.9 to 1 |
| 16 | `#60362f` | `oklch(38.25% 0.0613 30.85)` | Rusted Crimson | white, 10.1 to 1 |
| 17 | `#582e2c` | `oklch(35.48% 0.0629 23.45)` | Bratwurst | white, 11.4 to 1 |
| 18 | `#522629` | `oklch(33.06% 0.0646 16.96)` | Lonestar | white, 12.5 to 1 |
| 19 | `#4c2028` | `oklch(31.05% 0.0667 11.51)` | Lees | white, 13.5 to 1 |
| 20 | `#481c26` | `oklch(29.49% 0.0689 7.25)` | Vino Tinto | white, 14.3 to 1 |
| 21 | `#461826` | `oklch(28.44% 0.0715 4.32)` | What We Do in the Shadows | white, 14.8 to 1 |
| 22 | `#451625` | `oklch(27.95% 0.0744 2.86)` | What We Do in the Shadows | white, 15 to 1 |
| 23 | `#461525` | `oklch(28.07% 0.0778 3.01)` | What We Do in the Shadows | white, 15 to 1 |
| 24 | `#4a1525` | `oklch(28.75% 0.0818 4.71)` | What We Do in the Shadows | white, 14.7 to 1 |
| 25 | `#4f1625` | `oklch(29.95% 0.0863 7.80)` | Vino Tinto | white, 14.1 to 1 |
| 26 | `#571925` | `oklch(31.60% 0.0912 12.14)` | Spinel Red | white, 13.4 to 1 |
| 27 | `#5f1d24` | `oklch(33.66% 0.0966 17.57)` | Red Oxide | white, 12.4 to 1 |
| 28 | `#692221` | `oklch(36.08% 0.1023 23.94)` | Azuki Red | white, 11.3 to 1 |
| 29 | `#73281d` | `oklch(38.79% 0.1082 31.08)` | Hazelnut Kisses | white, 10.1 to 1 |
| 30 | `#7e3115` | `oklch(41.74% 0.1144 38.86)` | Reddish Brown | white, 9 to 1 |
| 31 | `#883b05` | `oklch(44.88% 0.1207 47.12)` | Espresso Martini | white, 7.8 to 1 |
| 32 | `#8f4800` | `oklch(48.16% 0.1183 55.64)` | Parasite Brown | white, 6.7 to 1 |
| 33 | `#945700` | `oklch(51.51% 0.1161 64.41)` | Charlie Brown | white, 5.8 to 1 |
| 34 | `#9a6500` | `oklch(54.90% 0.1168 73.18)` | Gamboge Brown | white, 4.9 to 1 |
| 35 | `#9e7200` | `oklch(58.25% 0.1201 81.82)` | Barbarian Leather | black, 4.8 to 1 |
| 36 | `#a28000` | `oklch(61.52% 0.1257 90.17)` | Pestilence | black, 5.6 to 1 |
| 37 | `#a48e00` | `oklch(64.65% 0.1337 98.07)` | Romaine Green | black, 6.4 to 1 |
| 38 | `#a49b00` | `oklch(67.60% 0.1437 105.38)` | Nuclear Fallout | black, 7.2 to 1 |
| 39 | `#a3a800` | `oklch(70.30% 0.1555 111.93)` | Jīn Sè Gold | black, 8.1 to 1 |
| 40 | `#9fb300` | `oklch(72.70% 0.1685 117.58)` | Citrus | black, 8.9 to 1 |
| 41 | `#9bbd1b` | `oklch(74.74% 0.1750 122.17)` | Gameboy Light | black, 9.7 to 1 |
| 42 | `#97c52d` | `oklch(76.38% 0.1781 125.55)` | New Limerick | black, 10.3 to 1 |
| 43 | `#95ca36` | `oklch(77.56% 0.1805 127.56)` | Lucky Lime | black, 10.8 to 1 |
| 44 | `#95cd3a` | `oklch(78.34% 0.1822 128.34)` | Lucky Lime | black, 11.1 to 1 |
| 45 | `#97cf3a` | `oklch(78.85% 0.1834 128.15)` | Lucky Lime | black, 11.3 to 1 |
| 46 | `#9bcf36` | `oklch(79.11% 0.1840 127.09)` | Green Lantern | black, 11.4 to 1 |
| 47 | `#a0ce2f` | `oklch(79.14% 0.1842 125.24)` | Pêra Rocha | black, 11.3 to 1 |
| 48 | `#a6cc23` | `oklch(78.96% 0.1839 122.69)` | Pêra Rocha | black, 11.2 to 1 |
| 49 | `#acc90f` | `oklch(78.60% 0.1832 119.52)` | Leafy Canopy | black, 11 to 1 |
| 50 | `#b3c400` | `oklch(78.08% 0.1782 115.82)` | Bile | black, 10.8 to 1 |
| 51 | `#babf00` | `oklch(77.43% 0.1710 111.68)` | La Rioja | black, 10.5 to 1 |
| 52 | `#c0b900` | `oklch(76.66% 0.1645 107.18)` | Olive Yellow | black, 10.1 to 1 |
| 53 | `#c5b300` | `oklch(75.80% 0.1590 102.41)` | Brownish Yellow | black, 9.8 to 1 |
| 54 | `#c9ad00` | `oklch(74.87% 0.1545 97.45)` | Brownish Yellow | black, 9.4 to 1 |
| 55 | `#cca600` | `oklch(73.90% 0.1512 92.40)` | Catkin Yellow | black, 9 to 1 |
| 56 | `#cfa000` | `oklch(72.91% 0.1491 87.34)` | Lepton Gold | black, 8.6 to 1 |
| 57 | `#d29a00` | `oklch(71.92% 0.1481 82.34)` | Leopard | black, 8.3 to 1 |
| 58 | `#d49300` | `oklch(70.95% 0.1481 77.51)` | Bonfire Glow | black, 7.9 to 1 |
| 59 | `#d68d00` | `oklch(70.03% 0.1492 72.93)` | Harvest Eve Gold | black, 7.6 to 1 |
| 60 | `#d78700` | `oklch(69.18% 0.1511 68.68)` | Fleur de Sel Caramel | black, 7.3 to 1 |
| 61 | `#d98200` | `oklch(68.42% 0.1537 64.85)` | Dulce de Leche | black, 7.1 to 1 |
| 62 | `#da7d00` | `oklch(67.77% 0.1566 61.53)` | Orange Pepper | black, 6.9 to 1 |
| 63 | `#dc7900` | `oklch(67.27% 0.1597 58.79)` | Orange Outburst | black, 6.7 to 1 |
| 64 | `#dc760b` | `oklch(66.93% 0.1598 56.76)` | Manticore Wing | black, 6.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #b4dac1 0.0%, #b1d4b9 1.6%, #aecdaf 3.2%, #aac4a4 4.8%, #a6ba97 6.3%, #a1af8a 7.9%, #9da37c 9.5%, #98966f 11.1%, #928963 12.7%, #8c7c57 14.3%, #866f4d 15.9%, #7f6244 17.5%, #77563d 19.0%, #6f4a37 20.6%, #674032 22.2%, #60362f 23.8%, #582e2c 25.4%, #522629 27.0%, #4c2028 28.6%, #481c26 30.2%, #461826 31.7%, #451625 33.3%, #461525 34.9%, #4a1525 36.5%, #4f1625 38.1%, #571925 39.7%, #5f1d24 41.3%, #692221 42.9%, #73281d 44.4%, #7e3115 46.0%, #883b05 47.6%, #8f4800 49.2%, #945700 50.8%, #9a6500 52.4%, #9e7200 54.0%, #a28000 55.6%, #a48e00 57.1%, #a49b00 58.7%, #a3a800 60.3%, #9fb300 61.9%, #9bbd1b 63.5%, #97c52d 65.1%, #95ca36 66.7%, #95cd3a 68.3%, #97cf3a 69.8%, #9bcf36 71.4%, #a0ce2f 73.0%, #a6cc23 74.6%, #acc90f 76.2%, #b3c400 77.8%, #babf00 79.4%, #c0b900 81.0%, #c5b300 82.5%, #c9ad00 84.1%, #cca600 85.7%, #cfa000 87.3%, #d29a00 88.9%, #d49300 90.5%, #d68d00 92.1%, #d78700 93.7%, #d98200 95.2%, #da7d00 96.8%, #dc7900 98.4%, #dc760b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(85.43% 0.0524 156.09) 0.0%, oklch(83.82% 0.0528 151.81) 1.6%, oklch(81.76% 0.0533 146.33) 3.2%, oklch(79.30% 0.0536 139.81) 4.8%, oklch(76.50% 0.0540 132.39) 6.3%, oklch(73.41% 0.0543 124.20) 7.9%, oklch(70.08% 0.0546 115.38) 9.5%, oklch(66.56% 0.0550 106.07) 11.1%, oklch(62.92% 0.0554 96.42) 12.7%, oklch(59.20% 0.0559 86.56) 14.3%, oklch(55.46% 0.0564 76.63) 15.9%, oklch(51.74% 0.0571 66.77) 17.5%, oklch(48.11% 0.0579 57.13) 19.0%, oklch(44.62% 0.0589 47.83) 20.6%, oklch(41.31% 0.0600 39.03) 22.2%, oklch(38.25% 0.0613 30.85) 23.8%, oklch(35.48% 0.0629 23.45) 25.4%, oklch(33.06% 0.0646 16.96) 27.0%, oklch(31.05% 0.0667 11.51) 28.6%, oklch(29.49% 0.0689 7.25) 30.2%, oklch(28.44% 0.0715 4.32) 31.7%, oklch(27.95% 0.0744 2.86) 33.3%, oklch(28.07% 0.0778 3.01) 34.9%, oklch(28.75% 0.0818 4.71) 36.5%, oklch(29.95% 0.0863 7.80) 38.1%, oklch(31.60% 0.0912 12.14) 39.7%, oklch(33.66% 0.0966 17.57) 41.3%, oklch(36.08% 0.1023 23.94) 42.9%, oklch(38.79% 0.1082 31.08) 44.4%, oklch(41.74% 0.1144 38.86) 46.0%, oklch(44.88% 0.1207 47.12) 47.6%, oklch(48.16% 0.1183 55.64) 49.2%, oklch(51.51% 0.1161 64.41) 50.8%, oklch(54.90% 0.1168 73.18) 52.4%, oklch(58.25% 0.1201 81.82) 54.0%, oklch(61.52% 0.1257 90.17) 55.6%, oklch(64.65% 0.1337 98.07) 57.1%, oklch(67.60% 0.1437 105.38) 58.7%, oklch(70.30% 0.1555 111.93) 60.3%, oklch(72.70% 0.1685 117.58) 61.9%, oklch(74.74% 0.1750 122.17) 63.5%, oklch(76.38% 0.1781 125.55) 65.1%, oklch(77.56% 0.1805 127.56) 66.7%, oklch(78.34% 0.1822 128.34) 68.3%, oklch(78.85% 0.1834 128.15) 69.8%, oklch(79.11% 0.1840 127.09) 71.4%, oklch(79.14% 0.1842 125.24) 73.0%, oklch(78.96% 0.1839 122.69) 74.6%, oklch(78.60% 0.1832 119.52) 76.2%, oklch(78.08% 0.1782 115.82) 77.8%, oklch(77.43% 0.1710 111.68) 79.4%, oklch(76.66% 0.1645 107.18) 81.0%, oklch(75.80% 0.1590 102.41) 82.5%, oklch(74.87% 0.1545 97.45) 84.1%, oklch(73.90% 0.1512 92.40) 85.7%, oklch(72.91% 0.1491 87.34) 87.3%, oklch(71.92% 0.1481 82.34) 88.9%, oklch(70.95% 0.1481 77.51) 90.5%, oklch(70.03% 0.1492 72.93) 92.1%, oklch(69.18% 0.1511 68.68) 93.7%, oklch(68.42% 0.1537 64.85) 95.2%, oklch(67.77% 0.1566 61.53) 96.8%, oklch(67.27% 0.1597 58.79) 98.4%, oklch(66.93% 0.1598 56.76) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.854 | 0.052 | 156.1 |
| 2 | 0.28 | 0.074 | 2.9 |
| 3 | 0.776 | 0.181 | 127.6 |
| 4 | 0.669 | 0.16 | 56.8 |

## Other forms

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