# Brown, gray, mauve and purple radial gradient

Brown, gray, mauve and purple radial gradient with 32 colors: #a7725b, #af7a6f, #b8898c, #be9ba8, #c2adbe, #c4bac8, #c1bcc9, #b4b1be, #9d99ab, #827a92, #685a77, #533f5f, #442c4e, #3d2648, #3c2849, #40304f, #463b58, #4f4761, #575069, #5e556e, #685671, #745671, #80566d, #8b5565, #93555e, #97545f, #985469, #94547b, #875790, #755da0, #5f63a8, #4e68ab. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYmTcf5YazqkYQa6jz4QyBIcMoM4`
- Page: https://grabient.com/kYmTcf5YazqkYQa6jz4QyBIcMoM4?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 7.2 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 | `#a7725b` | `oklch(60.24% 0.0758 44.30)` | Hazelnut | black, 5.2 to 1 |
| 2 | `#af7a6f` | `oklch(63.03% 0.0686 32.18)` | Cranberry Foule | black, 5.8 to 1 |
| 3 | `#b8898c` | `oklch(67.50% 0.0577 14.38)` | Shabby Chic | black, 6.9 to 1 |
| 4 | `#be9ba8` | `oklch(72.56% 0.0451 353.71)` | Artichoke Mauve | black, 8.4 to 1 |
| 5 | `#c2adbe` | `oklch(77.11% 0.0330 332.95)` | Lavish Lavender | black, 10 to 1 |
| 6 | `#c4bac8` | `oklch(80.05% 0.0233 314.89)` | Pocketful of Posies | black, 11.1 to 1 |
| 7 | `#c1bcc9` | `oklch(80.29% 0.0182 302.34)` | Silverberry | black, 11.2 to 1 |
| 8 | `#b4b1be` | `oklch(76.62% 0.0195 297.07)` | Dreamland | black, 9.9 to 1 |
| 9 | `#9d99ab` | `oklch(69.18% 0.0263 297.29)` | Lavender Aura | black, 7.5 to 1 |
| 10 | `#827a92` | `oklch(59.54% 0.0366 301.09)` | Kinlock | black, 5.1 to 1 |
| 11 | `#685a77` | `oklch(49.35% 0.0479 306.60)` | Indigo Red | white, 6.2 to 1 |
| 12 | `#533f5f` | `oklch(40.21% 0.0581 311.93)` | English Violet | white, 9.3 to 1 |
| 13 | `#442c4e` | `oklch(33.75% 0.0649 315.21)` | Purple Pennant | white, 12.2 to 1 |
| 14 | `#3d2648` | `oklch(31.22% 0.0663 314.83)` | Operetta Mauve | white, 13.4 to 1 |
| 15 | `#3c2849` | `oklch(31.65% 0.0632 311.45)` | Operetta Mauve | white, 13.1 to 1 |
| 16 | `#40304f` | `oklch(34.08% 0.0572 306.57)` | Jagger | white, 11.9 to 1 |
| 17 | `#463b58` | `oklch(37.65% 0.0504 301.69)` | Purple Velvet | white, 10.3 to 1 |
| 18 | `#4f4761` | `oklch(41.49% 0.0445 298.30)` | Berry Charm | white, 8.7 to 1 |
| 19 | `#575069` | `oklch(44.75% 0.0412 297.88)` | Magic Spell | white, 7.6 to 1 |
| 20 | `#5e556e` | `oklch(46.71% 0.0424 302.18)` | Arraign | white, 7 to 1 |
| 21 | `#685671` | `oklch(48.19% 0.0476 313.45)` | Medicine Man | white, 6.6 to 1 |
| 22 | `#745671` | `oklch(49.48% 0.0554 329.22)` | Cembra Blossom | white, 6.3 to 1 |
| 23 | `#80566d` | `oklch(50.58% 0.0647 346.16)` | Euphoric Magenta | white, 6 to 1 |
| 24 | `#8b5565` | `oklch(51.51% 0.0743 0.95)` | Pink Peppercorn | white, 5.8 to 1 |
| 25 | `#93555e` | `oklch(52.27% 0.0828 10.27)` | Mesa Red | white, 5.6 to 1 |
| 26 | `#97545f` | `oklch(52.86% 0.0893 10.78)` | Cuban Rhythm | white, 5.5 to 1 |
| 27 | `#985469` | `oklch(53.18% 0.0944 0.82)` | Vive L’amour | white, 5.5 to 1 |
| 28 | `#94547b` | `oklch(53.25% 0.0987 343.20)` | Sea Fan Fuchsia | white, 5.5 to 1 |
| 29 | `#875790` | `oklch(53.16% 0.1025 321.46)` | Purple Tanzanite | white, 5.5 to 1 |
| 30 | `#755da0` | `oklch(52.99% 0.1056 299.14)` | Scampi | white, 5.5 to 1 |
| 31 | `#5f63a8` | `oklch(52.83% 0.1082 279.78)` | Blue Iris | white, 5.4 to 1 |
| 32 | `#4e68ab` | `oklch(52.76% 0.1102 266.92)` | Submarine Base | white, 5.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #a7725b 0.0%, #af7a6f 3.2%, #b8898c 6.5%, #be9ba8 9.7%, #c2adbe 12.9%, #c4bac8 16.1%, #c1bcc9 19.4%, #b4b1be 22.6%, #9d99ab 25.8%, #827a92 29.0%, #685a77 32.3%, #533f5f 35.5%, #442c4e 38.7%, #3d2648 41.9%, #3c2849 45.2%, #40304f 48.4%, #463b58 51.6%, #4f4761 54.8%, #575069 58.1%, #5e556e 61.3%, #685671 64.5%, #745671 67.7%, #80566d 71.0%, #8b5565 74.2%, #93555e 77.4%, #97545f 80.6%, #985469 83.9%, #94547b 87.1%, #875790 90.3%, #755da0 93.5%, #5f63a8 96.8%, #4e68ab 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(60.24% 0.0758 44.30) 0.0%, oklch(63.03% 0.0686 32.18) 3.2%, oklch(67.50% 0.0577 14.38) 6.5%, oklch(72.56% 0.0451 353.71) 9.7%, oklch(77.11% 0.0330 332.95) 12.9%, oklch(80.05% 0.0233 314.89) 16.1%, oklch(80.29% 0.0182 302.34) 19.4%, oklch(76.62% 0.0195 297.07) 22.6%, oklch(69.18% 0.0263 297.29) 25.8%, oklch(59.54% 0.0366 301.09) 29.0%, oklch(49.35% 0.0479 306.60) 32.3%, oklch(40.21% 0.0581 311.93) 35.5%, oklch(33.75% 0.0649 315.21) 38.7%, oklch(31.22% 0.0663 314.83) 41.9%, oklch(31.65% 0.0632 311.45) 45.2%, oklch(34.08% 0.0572 306.57) 48.4%, oklch(37.65% 0.0504 301.69) 51.6%, oklch(41.49% 0.0445 298.30) 54.8%, oklch(44.75% 0.0412 297.88) 58.1%, oklch(46.71% 0.0424 302.18) 61.3%, oklch(48.19% 0.0476 313.45) 64.5%, oklch(49.48% 0.0554 329.22) 67.7%, oklch(50.58% 0.0647 346.16) 71.0%, oklch(51.51% 0.0743 0.95) 74.2%, oklch(52.27% 0.0828 10.27) 77.4%, oklch(52.86% 0.0893 10.78) 80.6%, oklch(53.18% 0.0944 0.82) 83.9%, oklch(53.25% 0.0987 343.20) 87.1%, oklch(53.16% 0.1025 321.46) 90.3%, oklch(52.99% 0.1056 299.14) 93.5%, oklch(52.83% 0.1082 279.78) 96.8%, oklch(52.76% 0.1102 266.92) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.602 | 0.076 | 44.3 |
| 2 | 0.799 | 0.018 | -59.3 |
| 3 | 0.323 | 0.066 | -44.5 |
| 4 | 0.461 | 0.041 | -60.3 |
| 5 | 0.528 | 0.088 | 11.5 |
| 6 | 0.528 | 0.11 | -93.1 |

## Other forms

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