# Wicker gold plum green halo

Brown, tan, blue and black radial gradient with 48 colors: #5d5656, #655857, #6f5c58, #7a6057, #866553, #906b4e, #997348, #9f7c42, #a3853e, #a68d3e, #aa9340, #b09846, #b79d4e, #bea158, #c5a562, #cca86d, #d1ab77, #d4ad7f, #d5ae84, #d5ad86, #d3ab86, #d0a683, #cca07e, #c69979, #c09272, #ba8c6b, #b48664, #ae835c, #a78156, #a18452, #998a52, #8e9259, #809b68, #70a37d, #61a994, #5aaaa9, #5da8b8, #66a1c0, #6f96bd, #7487b2, #74769e, #6e6487, #64526d, #564255, #47343f, #38282e, #2c1f22, #231919. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, tan, blue and black radial gradient
- Seed: `kYdQcM06ZI2KZvNQG8CVRtUJyGT0`
- Page: https://grabient.com/kYdQcM06ZI2KZvNQG8CVRtUJyGT0?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: light center, muted, warm
- 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 | `#5d5656` | `oklch(46.06% 0.0096 17.58)` | Foggy London | white, 7.1 to 1 |
| 2 | `#655857` | `oklch(47.36% 0.0164 22.89)` | Louisiana Mud | white, 6.7 to 1 |
| 3 | `#6f5c58` | `oklch(49.09% 0.0259 30.40)` | Missing Link | white, 6.3 to 1 |
| 4 | `#7a6057` | `oklch(51.16% 0.0374 39.49)` | Secret Journal | white, 5.7 to 1 |
| 5 | `#866553` | `oklch(53.47% 0.0502 49.51)` | Bear Creek | white, 5.2 to 1 |
| 6 | `#906b4e` | `oklch(55.91% 0.0633 59.83)` | Caramel Swirl | white, 4.7 to 1 |
| 7 | `#997348` | `oklch(58.39% 0.0759 69.81)` | Sahara Splendour | black, 4.9 to 1 |
| 8 | `#9f7c42` | `oklch(60.80% 0.0873 78.81)` | Ochre Brown | black, 5.4 to 1 |
| 9 | `#a3853e` | `oklch(63.06% 0.0967 86.20)` | Arrow Rock | black, 5.9 to 1 |
| 10 | `#a68d3e` | `oklch(65.05% 0.1031 91.33)` | Spring Branch | black, 6.5 to 1 |
| 11 | `#aa9340` | `oklch(66.77% 0.1061 93.70)` | 18th Century Green | black, 6.9 to 1 |
| 12 | `#b09846` | `oklch(68.54% 0.1060 93.67)` | Husk | black, 7.4 to 1 |
| 13 | `#b79d4e` | `oklch(70.31% 0.1035 91.77)` | Woollen Mittens | black, 7.9 to 1 |
| 14 | `#bea158` | `oklch(72.04% 0.0992 88.45)` | Tupelo Honey | black, 8.4 to 1 |
| 15 | `#c5a562` | `oklch(73.64% 0.0937 84.21)` | Spring Roll | black, 8.9 to 1 |
| 16 | `#cca86d` | `oklch(75.06% 0.0876 79.53)` | Ginger Ale | black, 9.3 to 1 |
| 17 | `#d1ab77` | `oklch(76.22% 0.0816 74.89)` | Sunbaked Straw | black, 9.7 to 1 |
| 18 | `#d4ad7f` | `oklch(77.07% 0.0763 70.77)` | Whole Grain | black, 10 to 1 |
| 19 | `#d5ae84` | `oklch(77.52% 0.0722 67.64)` | Caramel Cloud | black, 10.1 to 1 |
| 20 | `#d5ad86` | `oklch(77.51% 0.0700 65.94)` | Santa Fe Tan | black, 10.1 to 1 |
| 21 | `#d3ab86` | `oklch(76.85% 0.0691 64.14)` | Cheddar Biscuit | black, 9.9 to 1 |
| 22 | `#d0a683` | `oklch(75.57% 0.0690 61.77)` | Sunset Beige | black, 9.4 to 1 |
| 23 | `#cca07e` | `oklch(73.85% 0.0695 59.30)` | Arbol de Tamarindo | black, 8.9 to 1 |
| 24 | `#c69979` | `oklch(71.83% 0.0704 57.22)` | Copper Moon | black, 8.2 to 1 |
| 25 | `#c09272` | `oklch(69.69% 0.0716 56.02)` | Sunset Cloud | black, 7.6 to 1 |
| 26 | `#ba8c6b` | `oklch(67.59% 0.0729 56.18)` | Fire Dust | black, 7 to 1 |
| 27 | `#b48664` | `oklch(65.68% 0.0741 58.18)` | Doe | black, 6.5 to 1 |
| 28 | `#ae835c` | `oklch(64.14% 0.0751 62.51)` | Circus Peanut | black, 6.1 to 1 |
| 29 | `#a78156` | `oklch(63.12% 0.0757 69.66)` | Rookwood Antique Gold | black, 5.9 to 1 |
| 30 | `#a18452` | `oklch(62.83% 0.0761 80.27)` | Bristle Grass | black, 5.9 to 1 |
| 31 | `#998a52` | `oklch(63.31% 0.0768 94.48)` | Tibetan Silk | black, 6 to 1 |
| 32 | `#8e9259` | `oklch(64.31% 0.0776 111.57)` | Fair and Square | black, 6.4 to 1 |
| 33 | `#809b68` | `oklch(65.61% 0.0785 130.78)` | Walking Dead | black, 6.8 to 1 |
| 34 | `#70a37d` | `oklch(66.96% 0.0791 151.38)` | Growth | black, 7.2 to 1 |
| 35 | `#61a994` | `oklch(68.11% 0.0794 172.60)` | Calmness | black, 7.6 to 1 |
| 36 | `#5aaaa9` | `oklch(68.83% 0.0791 193.71)` | Emerald Succulent | black, 7.7 to 1 |
| 37 | `#5da8b8` | `oklch(68.87% 0.0780 213.95)` | Verditer Blue | black, 7.7 to 1 |
| 38 | `#66a1c0` | `oklch(68.00% 0.0761 232.58)` | Fate | black, 7.4 to 1 |
| 39 | `#6f96bd` | `oklch(65.94% 0.0730 249.11)` | Pinafore Blue | black, 6.7 to 1 |
| 40 | `#7487b2` | `oklch(62.50% 0.0683 265.47)` | Corsican Purple | black, 5.8 to 1 |
| 41 | `#74769e` | `oklch(57.92% 0.0622 281.93)` | Kimono Violet | black, 4.8 to 1 |
| 42 | `#6e6487` | `oklch(52.55% 0.0552 298.14)` | Posy Purple | white, 5.4 to 1 |
| 43 | `#64526d` | `oklch(46.72% 0.0477 313.81)` | Blackberry Farm | white, 7 to 1 |
| 44 | `#564255` | `oklch(40.77% 0.0400 328.61)` | Interlude | white, 9 to 1 |
| 45 | `#47343f` | `oklch(35.03% 0.0327 342.21)` | Red Onion | white, 11.4 to 1 |
| 46 | `#38282e` | `oklch(29.84% 0.0260 354.30)` | Melanzane | white, 13.8 to 1 |
| 47 | `#2c1f22` | `oklch(25.53% 0.0205 4.55)` | Shikon | white, 15.8 to 1 |
| 48 | `#231919` | `oklch(22.44% 0.0165 12.65)` | Kālā Black | white, 17.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #5d5656 0.0%, #655857 2.1%, #6f5c58 4.3%, #7a6057 6.4%, #866553 8.5%, #906b4e 10.6%, #997348 12.8%, #9f7c42 14.9%, #a3853e 17.0%, #a68d3e 19.1%, #aa9340 21.3%, #b09846 23.4%, #b79d4e 25.5%, #bea158 27.7%, #c5a562 29.8%, #cca86d 31.9%, #d1ab77 34.0%, #d4ad7f 36.2%, #d5ae84 38.3%, #d5ad86 40.4%, #d3ab86 42.6%, #d0a683 44.7%, #cca07e 46.8%, #c69979 48.9%, #c09272 51.1%, #ba8c6b 53.2%, #b48664 55.3%, #ae835c 57.4%, #a78156 59.6%, #a18452 61.7%, #998a52 63.8%, #8e9259 66.0%, #809b68 68.1%, #70a37d 70.2%, #61a994 72.3%, #5aaaa9 74.5%, #5da8b8 76.6%, #66a1c0 78.7%, #6f96bd 80.9%, #7487b2 83.0%, #74769e 85.1%, #6e6487 87.2%, #64526d 89.4%, #564255 91.5%, #47343f 93.6%, #38282e 95.7%, #2c1f22 97.9%, #231919 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(46.06% 0.0096 17.58) 0.0%, oklch(47.36% 0.0164 22.89) 2.1%, oklch(49.09% 0.0259 30.40) 4.3%, oklch(51.16% 0.0374 39.49) 6.4%, oklch(53.47% 0.0502 49.51) 8.5%, oklch(55.91% 0.0633 59.83) 10.6%, oklch(58.39% 0.0759 69.81) 12.8%, oklch(60.80% 0.0873 78.81) 14.9%, oklch(63.06% 0.0967 86.20) 17.0%, oklch(65.05% 0.1031 91.33) 19.1%, oklch(66.77% 0.1061 93.70) 21.3%, oklch(68.54% 0.1060 93.67) 23.4%, oklch(70.31% 0.1035 91.77) 25.5%, oklch(72.04% 0.0992 88.45) 27.7%, oklch(73.64% 0.0937 84.21) 29.8%, oklch(75.06% 0.0876 79.53) 31.9%, oklch(76.22% 0.0816 74.89) 34.0%, oklch(77.07% 0.0763 70.77) 36.2%, oklch(77.52% 0.0722 67.64) 38.3%, oklch(77.51% 0.0700 65.94) 40.4%, oklch(76.85% 0.0691 64.14) 42.6%, oklch(75.57% 0.0690 61.77) 44.7%, oklch(73.85% 0.0695 59.30) 46.8%, oklch(71.83% 0.0704 57.22) 48.9%, oklch(69.69% 0.0716 56.02) 51.1%, oklch(67.59% 0.0729 56.18) 53.2%, oklch(65.68% 0.0741 58.18) 55.3%, oklch(64.14% 0.0751 62.51) 57.4%, oklch(63.12% 0.0757 69.66) 59.6%, oklch(62.83% 0.0761 80.27) 61.7%, oklch(63.31% 0.0768 94.48) 63.8%, oklch(64.31% 0.0776 111.57) 66.0%, oklch(65.61% 0.0785 130.78) 68.1%, oklch(66.96% 0.0791 151.38) 70.2%, oklch(68.11% 0.0794 172.60) 72.3%, oklch(68.83% 0.0791 193.71) 74.5%, oklch(68.87% 0.0780 213.95) 76.6%, oklch(68.00% 0.0761 232.58) 78.7%, oklch(65.94% 0.0730 249.11) 80.9%, oklch(62.50% 0.0683 265.47) 83.0%, oklch(57.92% 0.0622 281.93) 85.1%, oklch(52.55% 0.0552 298.14) 87.2%, oklch(46.72% 0.0477 313.81) 89.4%, oklch(40.77% 0.0400 328.61) 91.5%, oklch(35.03% 0.0327 342.21) 93.6%, oklch(29.84% 0.0260 354.30) 95.7%, oklch(25.53% 0.0205 4.55) 97.9%, oklch(22.44% 0.0165 12.65) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.461 | 0.01 | 17.6 |
| 2 | 0.657 | 0.105 | 92.6 |
| 3 | 0.776 | 0.07 | 66.2 |
| 4 | 0.63 | 0.076 | 71.5 |
| 5 | 0.669 | 0.074 | 242.7 |
| 6 | 0.224 | 0.017 | 372.6 |

## In these collections

- [Plum orchard harvest](https://grabient.com/plum-orchard-harvest)

## Other forms

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