# Brown, purple, gray and tan radial gradient

Brown, purple, gray and tan radial gradient with 32 colors: #4b3c27, #4e3c2c, #523e34, #55403d, #564346, #59474e, #5c4b55, #604e5e, #655268, #695772, #6c5c7c, #706184, #74668c, #7a6b94, #7f709a, #8575a0, #8b7ba5, #8f81a9, #9387ac, #988dae, #9e93af, #a797af, #b09cad, #b8a1a9, #bda6a6, #c1aca5, #c5b1a4, #ccb59f, #d4b997, #dcbd8d, #e1c083, #e4c37c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kaXRw1tYm18CUOrMmD92A7A2IKzDpo8PA`
- Page: https://grabient.com/kaXRw1tYm18CUOrMmD92A7A2IKzDpo8PA?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: dark to light, muted
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 6.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 | `#4b3c27` | `oklch(36.61% 0.0386 75.23)` | Witch’s Cottage | white, 10.6 to 1 |
| 2 | `#4e3c2c` | `oklch(37.29% 0.0363 63.59)` | Abbot | white, 10.3 to 1 |
| 3 | `#523e34` | `oklch(38.20% 0.0328 46.81)` | Obsidian Brown | white, 10 to 1 |
| 4 | `#55403d` | `oklch(39.31% 0.0291 27.62)` | Laurel Nut Brown | white, 9.6 to 1 |
| 5 | `#564346` | `oklch(40.56% 0.0264 8.74)` | Christmas Pudding | white, 9.1 to 1 |
| 6 | `#59474e` | `oklch(41.90% 0.0260 352.86)` | Alton Brown | white, 8.6 to 1 |
| 7 | `#5c4b55` | `oklch(43.34% 0.0287 340.82)` | Purple Empire | white, 8.1 to 1 |
| 8 | `#604e5e` | `oklch(44.93% 0.0341 330.35)` | Wishing Star | white, 7.5 to 1 |
| 9 | `#655268` | `oklch(46.65% 0.0410 321.38)` | Vintner | white, 7 to 1 |
| 10 | `#695772` | `oklch(48.42% 0.0479 313.92)` | Antique Grey | white, 6.5 to 1 |
| 11 | `#6c5c7c` | `oklch(50.20% 0.0537 307.96)` | Princely Violet | white, 6 to 1 |
| 12 | `#706184` | `oklch(51.97% 0.0577 303.72)` | Posy Purple | white, 5.6 to 1 |
| 13 | `#74668c` | `oklch(53.79% 0.0613 301.57)` | Purple Grapes | white, 5.2 to 1 |
| 14 | `#7a6b94` | `oklch(55.64% 0.0643 300.95)` | Arabian Silk | white, 4.8 to 1 |
| 15 | `#7f709a` | `oklch(57.50% 0.0662 301.26)` | Baroness Mauve | black, 4.6 to 1 |
| 16 | `#8575a0` | `oklch(59.33% 0.0666 301.86)` | Smashed Grape | black, 5 to 1 |
| 17 | `#8b7ba5` | `oklch(61.13% 0.0650 301.93)` | Second Pour | black, 5.4 to 1 |
| 18 | `#8f81a9` | `oklch(62.93% 0.0608 300.51)` | Fabulous Grape | black, 5.8 to 1 |
| 19 | `#9387ac` | `oklch(64.71% 0.0550 299.10)` | Larkspur Violet | black, 6.3 to 1 |
| 20 | `#988dae` | `oklch(66.47% 0.0486 299.57)` | Greek Lavender | black, 6.7 to 1 |
| 21 | `#9e93af` | `oklch(68.18% 0.0429 303.74)` | Compliment | black, 7.2 to 1 |
| 22 | `#a797af` | `oklch(69.84% 0.0387 313.59)` | Pink Orthoclase | black, 7.6 to 1 |
| 23 | `#b09cad` | `oklch(71.46% 0.0341 331.13)` | Veiled Violet | black, 8.1 to 1 |
| 24 | `#b8a1a9` | `oklch(73.04% 0.0295 353.68)` | Magical Mauve | black, 8.6 to 1 |
| 25 | `#bda6a6` | `oklch(74.56% 0.0263 17.62)` | Florida Grey | black, 9.1 to 1 |
| 26 | `#c1aca5` | `oklch(76.02% 0.0260 39.31)` | Poetry in Motion | black, 9.7 to 1 |
| 27 | `#c5b1a4` | `oklch(77.39% 0.0300 55.19)` | Cracked Earth | black, 10.1 to 1 |
| 28 | `#ccb59f` | `oklch(78.75% 0.0404 65.88)` | Warm Alpaca | black, 10.6 to 1 |
| 29 | `#d4b997` | `oklch(80.08% 0.0557 73.46)` | Bruin Spice | black, 11.2 to 1 |
| 30 | `#dcbd8d` | `oklch(81.30% 0.0725 78.75)` | Cupola Yellow | black, 11.6 to 1 |
| 31 | `#e1c083` | `oklch(82.33% 0.0876 82.59)` | Gold Tint | black, 12.1 to 1 |
| 32 | `#e4c37c` | `oklch(83.07% 0.0978 85.80)` | Table Pear Yellow | black, 12.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #4b3c27 0.0%, #4e3c2c 3.2%, #523e34 6.5%, #55403d 9.7%, #564346 12.9%, #59474e 16.1%, #5c4b55 19.4%, #604e5e 22.6%, #655268 25.8%, #695772 29.0%, #6c5c7c 32.3%, #706184 35.5%, #74668c 38.7%, #7a6b94 41.9%, #7f709a 45.2%, #8575a0 48.4%, #8b7ba5 51.6%, #8f81a9 54.8%, #9387ac 58.1%, #988dae 61.3%, #9e93af 64.5%, #a797af 67.7%, #b09cad 71.0%, #b8a1a9 74.2%, #bda6a6 77.4%, #c1aca5 80.6%, #c5b1a4 83.9%, #ccb59f 87.1%, #d4b997 90.3%, #dcbd8d 93.5%, #e1c083 96.8%, #e4c37c 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(36.61% 0.0386 75.23) 0.0%, oklch(37.29% 0.0363 63.59) 3.2%, oklch(38.20% 0.0328 46.81) 6.5%, oklch(39.31% 0.0291 27.62) 9.7%, oklch(40.56% 0.0264 8.74) 12.9%, oklch(41.90% 0.0260 352.86) 16.1%, oklch(43.34% 0.0287 340.82) 19.4%, oklch(44.93% 0.0341 330.35) 22.6%, oklch(46.65% 0.0410 321.38) 25.8%, oklch(48.42% 0.0479 313.92) 29.0%, oklch(50.20% 0.0537 307.96) 32.3%, oklch(51.97% 0.0577 303.72) 35.5%, oklch(53.79% 0.0613 301.57) 38.7%, oklch(55.64% 0.0643 300.95) 41.9%, oklch(57.50% 0.0662 301.26) 45.2%, oklch(59.33% 0.0666 301.86) 48.4%, oklch(61.13% 0.0650 301.93) 51.6%, oklch(62.93% 0.0608 300.51) 54.8%, oklch(64.71% 0.0550 299.10) 58.1%, oklch(66.47% 0.0486 299.57) 61.3%, oklch(68.18% 0.0429 303.74) 64.5%, oklch(69.84% 0.0387 313.59) 67.7%, oklch(71.46% 0.0341 331.13) 71.0%, oklch(73.04% 0.0295 353.68) 74.2%, oklch(74.56% 0.0263 17.62) 77.4%, oklch(76.02% 0.0260 39.31) 80.6%, oklch(77.39% 0.0300 55.19) 83.9%, oklch(78.75% 0.0404 65.88) 87.1%, oklch(80.08% 0.0557 73.46) 90.3%, oklch(81.30% 0.0725 78.75) 93.5%, oklch(82.33% 0.0876 82.59) 96.8%, oklch(83.07% 0.0978 85.80) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.366 | 0.039 | 75.2 |
| 2 | 0.421 | 0.026 | -9.3 |
| 3 | 0.508 | 0.055 | -53.7 |
| 4 | 0.602 | 0.066 | -57.9 |
| 5 | 0.693 | 0.04 | -50.5 |
| 6 | 0.772 | 0.029 | 53 |
| 7 | 0.831 | 0.098 | 85.8 |

## In these collections

- [Vintage gradients](https://grabient.com/vintage-gradients)
- [Mushroom foraging basket](https://grabient.com/mushroom-foraging-basket)

## Other forms

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