# Purple, brown, peach and maroon radial gradient

Purple, brown, peach and maroon radial gradient with 32 colors: #623dc4, #6a38ba, #7031ab, #762a98, #792382, #7a1d6c, #791957, #771844, #741b35, #72202a, #722724, #753024, #7d3c29, #884b32, #955c3f, #a46e4e, #b37f5e, #c2906e, #cf9f7c, #daaa87, #e0b08d, #e1b08e, #ddaa8a, #d59e82, #ca8e77, #bc7c6c, #ac6860, #9b5556, #8a434d, #7a3345, #6d2640, #641d3c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUe5DOMaZLmUaw0tJrjg`
- Page: https://grabient.com/kUe5DOMaZLmUaw0tJrjg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 6 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 | `#623dc4` | `oklch(48.43% 0.1984 289.69)` | Dragonlord Purple | white, 7 to 1 |
| 2 | `#6a38ba` | `oklch(47.67% 0.1928 295.61)` | Purple Emperor | white, 7.2 to 1 |
| 3 | `#7031ab` | `oklch(46.44% 0.1853 303.58)` | Purple Pristine | white, 7.7 to 1 |
| 4 | `#762a98` | `oklch(44.88% 0.1762 313.12)` | Orb of Discord | white, 8.2 to 1 |
| 5 | `#792382` | `oklch(43.16% 0.1661 323.79)` | Hello Darkness My Old Friend | white, 8.8 to 1 |
| 6 | `#7a1d6c` | `oklch(41.44% 0.1554 335.12)` | Mirage of Violets | white, 9.4 to 1 |
| 7 | `#791957` | `oklch(39.89% 0.1444 346.66)` | Smooch | white, 10 to 1 |
| 8 | `#771844` | `oklch(38.66% 0.1337 357.96)` | Pansy Purple | white, 10.4 to 1 |
| 9 | `#741b35` | `oklch(37.91% 0.1235 8.55)` | Rocking Chair | white, 10.7 to 1 |
| 10 | `#72202a` | `oklch(37.82% 0.1145 17.99)` | Red Berry | white, 10.6 to 1 |
| 11 | `#722724` | `oklch(38.53% 0.1069 25.80)` | Spanish Tile | white, 10.3 to 1 |
| 12 | `#753024` | `oklch(40.35% 0.1008 31.95)` | Hihada Brown | white, 9.5 to 1 |
| 13 | `#7d3c29` | `oklch(43.60% 0.0954 37.48)` | Stone Age Queen | white, 8.2 to 1 |
| 14 | `#884b32` | `oklch(47.98% 0.0905 42.45)` | Paarl | white, 6.7 to 1 |
| 15 | `#955c3f` | `oklch(53.11% 0.0863 46.80)` | Coconut | white, 5.4 to 1 |
| 16 | `#a46e4e` | `oklch(58.63% 0.0826 50.49)` | Drum Solo | black, 4.8 to 1 |
| 17 | `#b37f5e` | `oklch(64.17% 0.0795 53.47)` | Silken Chocolate | black, 6.1 to 1 |
| 18 | `#c2906e` | `oklch(69.36% 0.0770 55.68)` | Shiracha Brown | black, 7.5 to 1 |
| 19 | `#cf9f7c` | `oklch(73.84% 0.0751 57.09)` | Darling Clementine | black, 8.8 to 1 |
| 20 | `#daaa87` | `oklch(77.24% 0.0738 57.63)` | Sweet Sue | black, 10 to 1 |
| 21 | `#e0b08d` | `oklch(79.20% 0.0731 57.27)` | Bedtime Story | black, 10.7 to 1 |
| 22 | `#e1b08e` | `oklch(79.36% 0.0731 55.88)` | Bedtime Story | black, 10.8 to 1 |
| 23 | `#ddaa8a` | `oklch(77.66% 0.0744 52.73)` | New Mexico Mesa | black, 10.1 to 1 |
| 24 | `#d59e82` | `oklch(74.43% 0.0768 47.90)` | Orange Maple | black, 9 to 1 |
| 25 | `#ca8e77` | `oklch(70.01% 0.0801 41.81)` | Ginger Scent | black, 7.6 to 1 |
| 26 | `#bc7c6c` | `oklch(64.77% 0.0840 34.86)` | Faneuil Brick | black, 6.2 to 1 |
| 27 | `#ac6860` | `oklch(59.04% 0.0883 27.44)` | Brick Dust | black, 4.9 to 1 |
| 28 | `#9b5556` | `oklch(53.18% 0.0927 19.95)` | Brown Cerberus | white, 5.4 to 1 |
| 29 | `#8a434d` | `oklch(47.54% 0.0970 12.80)` | Silk Satin | white, 7 to 1 |
| 30 | `#7a3345` | `oklch(42.47% 0.1008 6.37)` | Satin Chocolate | white, 8.7 to 1 |
| 31 | `#6d2640` | `oklch(38.32% 0.1039 1.08)` | Witch Soup | white, 10.4 to 1 |
| 32 | `#641d3c` | `oklch(35.43% 0.1061 357.32)` | Plum Caspia | white, 11.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #623dc4 0.0%, #6a38ba 3.2%, #7031ab 6.5%, #762a98 9.7%, #792382 12.9%, #7a1d6c 16.1%, #791957 19.4%, #771844 22.6%, #741b35 25.8%, #72202a 29.0%, #722724 32.3%, #753024 35.5%, #7d3c29 38.7%, #884b32 41.9%, #955c3f 45.2%, #a46e4e 48.4%, #b37f5e 51.6%, #c2906e 54.8%, #cf9f7c 58.1%, #daaa87 61.3%, #e0b08d 64.5%, #e1b08e 67.7%, #ddaa8a 71.0%, #d59e82 74.2%, #ca8e77 77.4%, #bc7c6c 80.6%, #ac6860 83.9%, #9b5556 87.1%, #8a434d 90.3%, #7a3345 93.5%, #6d2640 96.8%, #641d3c 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(48.43% 0.1984 289.69) 0.0%, oklch(47.67% 0.1928 295.61) 3.2%, oklch(46.44% 0.1853 303.58) 6.5%, oklch(44.88% 0.1762 313.12) 9.7%, oklch(43.16% 0.1661 323.79) 12.9%, oklch(41.44% 0.1554 335.12) 16.1%, oklch(39.89% 0.1444 346.66) 19.4%, oklch(38.66% 0.1337 357.96) 22.6%, oklch(37.91% 0.1235 8.55) 25.8%, oklch(37.82% 0.1145 17.99) 29.0%, oklch(38.53% 0.1069 25.80) 32.3%, oklch(40.35% 0.1008 31.95) 35.5%, oklch(43.60% 0.0954 37.48) 38.7%, oklch(47.98% 0.0905 42.45) 41.9%, oklch(53.11% 0.0863 46.80) 45.2%, oklch(58.63% 0.0826 50.49) 48.4%, oklch(64.17% 0.0795 53.47) 51.6%, oklch(69.36% 0.0770 55.68) 54.8%, oklch(73.84% 0.0751 57.09) 58.1%, oklch(77.24% 0.0738 57.63) 61.3%, oklch(79.20% 0.0731 57.27) 64.5%, oklch(79.36% 0.0731 55.88) 67.7%, oklch(77.66% 0.0744 52.73) 71.0%, oklch(74.43% 0.0768 47.90) 74.2%, oklch(70.01% 0.0801 41.81) 77.4%, oklch(64.77% 0.0840 34.86) 80.6%, oklch(59.04% 0.0883 27.44) 83.9%, oklch(53.18% 0.0927 19.95) 87.1%, oklch(47.54% 0.0970 12.80) 90.3%, oklch(42.47% 0.1008 6.37) 93.5%, oklch(38.32% 0.1039 1.08) 96.8%, oklch(35.43% 0.1061 357.32) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.484 | 0.198 | 289.7 |
| 2 | 0.39 | 0.105 | 388 |
| 3 | 0.795 | 0.073 | 416.5 |
| 4 | 0.354 | 0.106 | 357.3 |

## Other forms

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