# Orchard brown plum halo

Purple, brown and gray radial gradient with 40 colors: #5261b2, #5b5eae, #655ba9, #6f57a0, #785395, #7f5089, #844e7b, #874d6e, #884d62, #874f59, #865252, #85564f, #845a4f, #855e51, #886456, #8d6b5e, #957368, #9e7d74, #a78780, #b2928e, #bc9c9b, #c5a7a8, #ceb0b3, #d5b8bd, #dabec5, #ddc1ca, #ddc2cb, #dabfc9, #d4b9c4, #ccb0bb, #c2a6b1, #b89aa5, #ac8d99, #a07f8c, #94727e, #896672, #7e5b66, #75515c, #6d4954, #68434f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Purple, brown and gray radial gradient
- Seed: `kUhF3CwhRO2qMOo2k8CA`
- Page: https://grabient.com/kUhF3CwhRO2qMOo2k8CA?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: light center, muted, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 5 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 | `#5261b2` | `oklch(51.97% 0.1281 273.52)` | Chinese Bellflower | white, 5.6 to 1 |
| 2 | `#5b5eae` | `oklch(51.88% 0.1248 279.54)` | Yuè Guāng Lán Moonlight | white, 5.7 to 1 |
| 3 | `#655ba9` | `oklch(51.65% 0.1204 287.65)` | Blue Marguerite | white, 5.8 to 1 |
| 4 | `#6f57a0` | `oklch(51.32% 0.1152 297.46)` | Sumire Violet | white, 5.9 to 1 |
| 5 | `#785395` | `oklch(50.92% 0.1094 308.55)` | Juneberry | white, 6 to 1 |
| 6 | `#7f5089` | `oklch(50.52% 0.1031 320.52)` | Cleopatra’s Gown | white, 6.1 to 1 |
| 7 | `#844e7b` | `oklch(50.14% 0.0964 332.96)` | Thistle Mauve | white, 6.2 to 1 |
| 8 | `#874d6e` | `oklch(49.83% 0.0896 345.47)` | Twilight Lavender | white, 6.3 to 1 |
| 9 | `#884d62` | `oklch(49.65% 0.0828 357.65)` | Red Shrivel | white, 6.3 to 1 |
| 10 | `#874f59` | `oklch(49.62% 0.0762 9.08)` | Wine Not | white, 6.3 to 1 |
| 11 | `#865252` | `oklch(49.79% 0.0700 19.36)` | New Roof | white, 6.2 to 1 |
| 12 | `#85564f` | `oklch(50.21% 0.0643 28.09)` | Boston Brick | white, 6.1 to 1 |
| 13 | `#845a4f` | `oklch(50.92% 0.0593 34.86)` | Iron Oxide | white, 5.9 to 1 |
| 14 | `#855e51` | `oklch(51.97% 0.0551 39.27)` | Hanover Brick | white, 5.6 to 1 |
| 15 | `#886456` | `oklch(53.58% 0.0516 41.25)` | Tanbark | white, 5.2 to 1 |
| 16 | `#8d6b5e` | `oklch(55.85% 0.0485 41.20)` | Sea Lion Brown | white, 4.7 to 1 |
| 17 | `#957368` | `oklch(58.64% 0.0457 39.43)` | Swing Brown | black, 4.9 to 1 |
| 18 | `#9e7d74` | `oklch(61.82% 0.0432 36.25)` | Wild Hemp | black, 5.6 to 1 |
| 19 | `#a78780` | `oklch(65.23% 0.0410 31.95)` | Regency Rose | black, 6.4 to 1 |
| 20 | `#b2928e` | `oklch(68.73% 0.0391 26.84)` | Plush Suede | black, 7.3 to 1 |
| 21 | `#bc9c9b` | `oklch(72.18% 0.0375 21.23)` | Desert Lights | black, 8.3 to 1 |
| 22 | `#c5a7a8` | `oklch(75.45% 0.0361 15.40)` | Lychee Berry | black, 9.4 to 1 |
| 23 | `#ceb0b3` | `oklch(78.37% 0.0350 9.68)` | Izmir Pink | black, 10.4 to 1 |
| 24 | `#d5b8bd` | `oklch(80.82% 0.0342 4.36)` | Nostalgia | black, 11.3 to 1 |
| 25 | `#dabec5` | `oklch(82.64% 0.0336 359.74)` | Magnolia White | black, 12.1 to 1 |
| 26 | `#ddc1ca` | `oklch(83.71% 0.0332 356.13)` | Baby Tone | black, 12.5 to 1 |
| 27 | `#ddc2cb` | `oklch(83.86% 0.0331 353.83)` | Baby Tone | black, 12.6 to 1 |
| 28 | `#dabfc9` | `oklch(82.98% 0.0333 352.59)` | Magnolia White | black, 12.2 to 1 |
| 29 | `#d4b9c4` | `oklch(81.16% 0.0341 351.90)` | Lavender Blessing | black, 11.5 to 1 |
| 30 | `#ccb0bb` | `oklch(78.54% 0.0353 351.69)` | Pink Potion | black, 10.5 to 1 |
| 31 | `#c2a6b1` | `oklch(75.29% 0.0370 351.89)` | Pansy Posie | black, 9.3 to 1 |
| 32 | `#b89aa5` | `oklch(71.55% 0.0389 352.41)` | Keepsake Lilac | black, 8.1 to 1 |
| 33 | `#ac8d99` | `oklch(67.49% 0.0409 353.18)` | Reserve | black, 7 to 1 |
| 34 | `#a07f8c` | `oklch(63.25% 0.0431 354.12)` | Tropical Orchid | black, 5.9 to 1 |
| 35 | `#94727e` | `oklch(58.99% 0.0454 355.16)` | Tragic Juliet | black, 4.9 to 1 |
| 36 | `#896672` | `oklch(54.88% 0.0475 356.21)` | Grape Shake | white, 5 to 1 |
| 37 | `#7e5b66` | `oklch(51.06% 0.0495 357.21)` | Royal Fig | white, 5.8 to 1 |
| 38 | `#75515c` | `oklch(47.69% 0.0513 358.08)` | Ruby Grey | white, 6.8 to 1 |
| 39 | `#6d4954` | `oklch(44.92% 0.0527 358.74)` | Mixed Berry Jam | white, 7.6 to 1 |
| 40 | `#68434f` | `oklch(42.91% 0.0537 359.11)` | Wine Stain | white, 8.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #5261b2 0.0%, #5b5eae 2.6%, #655ba9 5.1%, #6f57a0 7.7%, #785395 10.3%, #7f5089 12.8%, #844e7b 15.4%, #874d6e 17.9%, #884d62 20.5%, #874f59 23.1%, #865252 25.6%, #85564f 28.2%, #845a4f 30.8%, #855e51 33.3%, #886456 35.9%, #8d6b5e 38.5%, #957368 41.0%, #9e7d74 43.6%, #a78780 46.2%, #b2928e 48.7%, #bc9c9b 51.3%, #c5a7a8 53.8%, #ceb0b3 56.4%, #d5b8bd 59.0%, #dabec5 61.5%, #ddc1ca 64.1%, #ddc2cb 66.7%, #dabfc9 69.2%, #d4b9c4 71.8%, #ccb0bb 74.4%, #c2a6b1 76.9%, #b89aa5 79.5%, #ac8d99 82.1%, #a07f8c 84.6%, #94727e 87.2%, #896672 89.7%, #7e5b66 92.3%, #75515c 94.9%, #6d4954 97.4%, #68434f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(51.97% 0.1281 273.52) 0.0%, oklch(51.88% 0.1248 279.54) 2.6%, oklch(51.65% 0.1204 287.65) 5.1%, oklch(51.32% 0.1152 297.46) 7.7%, oklch(50.92% 0.1094 308.55) 10.3%, oklch(50.52% 0.1031 320.52) 12.8%, oklch(50.14% 0.0964 332.96) 15.4%, oklch(49.83% 0.0896 345.47) 17.9%, oklch(49.65% 0.0828 357.65) 20.5%, oklch(49.62% 0.0762 9.08) 23.1%, oklch(49.79% 0.0700 19.36) 25.6%, oklch(50.21% 0.0643 28.09) 28.2%, oklch(50.92% 0.0593 34.86) 30.8%, oklch(51.97% 0.0551 39.27) 33.3%, oklch(53.58% 0.0516 41.25) 35.9%, oklch(55.85% 0.0485 41.20) 38.5%, oklch(58.64% 0.0457 39.43) 41.0%, oklch(61.82% 0.0432 36.25) 43.6%, oklch(65.23% 0.0410 31.95) 46.2%, oklch(68.73% 0.0391 26.84) 48.7%, oklch(72.18% 0.0375 21.23) 51.3%, oklch(75.45% 0.0361 15.40) 53.8%, oklch(78.37% 0.0350 9.68) 56.4%, oklch(80.82% 0.0342 4.36) 59.0%, oklch(82.64% 0.0336 359.74) 61.5%, oklch(83.71% 0.0332 356.13) 64.1%, oklch(83.86% 0.0331 353.83) 66.7%, oklch(82.98% 0.0333 352.59) 69.2%, oklch(81.16% 0.0341 351.90) 71.8%, oklch(78.54% 0.0353 351.69) 74.4%, oklch(75.29% 0.0370 351.89) 76.9%, oklch(71.55% 0.0389 352.41) 79.5%, oklch(67.49% 0.0409 353.18) 82.1%, oklch(63.25% 0.0431 354.12) 84.6%, oklch(58.99% 0.0454 355.16) 87.2%, oklch(54.88% 0.0475 356.21) 89.7%, oklch(51.06% 0.0495 357.21) 92.3%, oklch(47.69% 0.0513 358.08) 94.9%, oklch(44.92% 0.0527 358.74) 97.4%, oklch(42.91% 0.0537 359.11) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.52 | 0.128 | 273.5 |
| 2 | 0.52 | 0.055 | 399.3 |
| 3 | 0.839 | 0.033 | 353.8 |
| 4 | 0.429 | 0.054 | 359.1 |

## In these collections

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

## Other forms

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