# Mauve, navy, tan and purple radial gradient

Mauve, navy, tan and purple radial gradient with 32 colors: #9c787f, #96707b, #8d6577, #7f5773, #6e4a70, #5b3d6d, #47326a, #342866, #232162, #181c5f, #15195e, #1c1b61, #2f2167, #482b6c, #65386e, #81496f, #9b5f6f, #ae7673, #bc8c7c, #c69f87, #ccac91, #cfb094, #d1ad92, #d0a38d, #cc9689, #c48588, #b6748b, #a36691, #8b5a97, #71529b, #5a4d9b, #48499a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUmyEEIiu0-KTUc5Lq7A`
- Page: https://grabient.com/kUmyEEIiu0-KTUc5Lq7A?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 7.7 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 | `#9c787f` | `oklch(61.02% 0.0455 5.63)` | Bohemian Jazz | black, 5.4 to 1 |
| 2 | `#96707b` | `oklch(58.70% 0.0503 359.26)` | Heritage Taffeta | black, 4.9 to 1 |
| 3 | `#8d6577` | `oklch(55.27% 0.0573 349.79)` | Sweet Violet | white, 4.9 to 1 |
| 4 | `#7f5773` | `oklch(51.04% 0.0659 338.12)` | Magnificence | white, 5.9 to 1 |
| 5 | `#6e4a70` | `oklch(46.35% 0.0754 325.18)` | Sunset Purple | white, 7.2 to 1 |
| 6 | `#5b3d6d` | `oklch(41.52% 0.0853 311.87)` | Honey Flower | white, 8.9 to 1 |
| 7 | `#47326a` | `oklch(36.87% 0.0949 299.12)` | Violet Indigo | white, 10.8 to 1 |
| 8 | `#342866` | `oklch(32.73% 0.1038 287.84)` | Paris M | white, 12.7 to 1 |
| 9 | `#232162` | `oklch(29.43% 0.1112 278.95)` | Intergalactic Cowboy | white, 14.3 to 1 |
| 10 | `#181c5f` | `oklch(27.28% 0.1167 273.36)` | Pure Midnight | white, 15.3 to 1 |
| 11 | `#15195e` | `oklch(26.61% 0.1196 271.99)` | Space Colonisation | white, 15.7 to 1 |
| 12 | `#1c1b61` | `oklch(27.81% 0.1193 276.07)` | Ocean Abyss | white, 15.1 to 1 |
| 13 | `#2f2167` | `oklch(31.05% 0.1155 286.38)` | Indie Go | white, 13.6 to 1 |
| 14 | `#482b6c` | `oklch(35.90% 0.1090 301.60)` | Abra Purple | white, 11.4 to 1 |
| 15 | `#65386e` | `oklch(41.90% 0.1006 320.24)` | Plum | white, 8.9 to 1 |
| 16 | `#81496f` | `oklch(48.60% 0.0910 340.85)` | Madder Magenta | white, 6.7 to 1 |
| 17 | `#9b5f6f` | `oklch(55.53% 0.0811 1.94)` | Tropical Hibiscus | white, 4.9 to 1 |
| 18 | `#ae7673` | `oklch(62.25% 0.0715 22.06)` | Red Gerbera | black, 5.6 to 1 |
| 19 | `#bc8c7c` | `oklch(68.28% 0.0631 39.73)` | Tuscany | black, 7.2 to 1 |
| 20 | `#c69f87` | `oklch(73.17% 0.0567 53.50)` | Sweetwood | black, 8.7 to 1 |
| 21 | `#ccac91` | `oklch(76.47% 0.0529 61.87)` | Pottery Wheel | black, 9.8 to 1 |
| 22 | `#cfb094` | `oklch(77.75% 0.0527 63.47)` | Beige Ganesh | black, 10.3 to 1 |
| 23 | `#d1ad92` | `oklch(77.19% 0.0557 58.50)` | Gentility | black, 10 to 1 |
| 24 | `#d0a38d` | `oklch(75.18% 0.0613 48.22)` | Autumn Malt | black, 9.3 to 1 |
| 25 | `#cc9689` | `oklch(72.04% 0.0689 33.84)` | Peach Beige | black, 8.2 to 1 |
| 26 | `#c48588` | `oklch(68.09% 0.0779 16.56)` | All’s Ace | black, 7 to 1 |
| 27 | `#b6748b` | `oklch(63.63% 0.0877 357.57)` | Strawberry Surprise | black, 5.8 to 1 |
| 28 | `#a36691` | `oklch(58.99% 0.0977 338.07)` | Berry Pretty | black, 4.8 to 1 |
| 29 | `#8b5a97` | `oklch(54.48% 0.1074 319.27)` | Purple Squid | white, 5.2 to 1 |
| 30 | `#71529b` | `oklch(50.41% 0.1161 302.35)` | Parfait d’Amour | white, 6.1 to 1 |
| 31 | `#5a4d9b` | `oklch(47.11% 0.1232 288.52)` | Coronation Blue | white, 7.1 to 1 |
| 32 | `#48499a` | `oklch(44.88% 0.1281 278.97)` | Galaxy Express | white, 7.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #9c787f 0.0%, #96707b 3.2%, #8d6577 6.5%, #7f5773 9.7%, #6e4a70 12.9%, #5b3d6d 16.1%, #47326a 19.4%, #342866 22.6%, #232162 25.8%, #181c5f 29.0%, #15195e 32.3%, #1c1b61 35.5%, #2f2167 38.7%, #482b6c 41.9%, #65386e 45.2%, #81496f 48.4%, #9b5f6f 51.6%, #ae7673 54.8%, #bc8c7c 58.1%, #c69f87 61.3%, #ccac91 64.5%, #cfb094 67.7%, #d1ad92 71.0%, #d0a38d 74.2%, #cc9689 77.4%, #c48588 80.6%, #b6748b 83.9%, #a36691 87.1%, #8b5a97 90.3%, #71529b 93.5%, #5a4d9b 96.8%, #48499a 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(61.02% 0.0455 5.63) 0.0%, oklch(58.70% 0.0503 359.26) 3.2%, oklch(55.27% 0.0573 349.79) 6.5%, oklch(51.04% 0.0659 338.12) 9.7%, oklch(46.35% 0.0754 325.18) 12.9%, oklch(41.52% 0.0853 311.87) 16.1%, oklch(36.87% 0.0949 299.12) 19.4%, oklch(32.73% 0.1038 287.84) 22.6%, oklch(29.43% 0.1112 278.95) 25.8%, oklch(27.28% 0.1167 273.36) 29.0%, oklch(26.61% 0.1196 271.99) 32.3%, oklch(27.81% 0.1193 276.07) 35.5%, oklch(31.05% 0.1155 286.38) 38.7%, oklch(35.90% 0.1090 301.60) 41.9%, oklch(41.90% 0.1006 320.24) 45.2%, oklch(48.60% 0.0910 340.85) 48.4%, oklch(55.53% 0.0811 1.94) 51.6%, oklch(62.25% 0.0715 22.06) 54.8%, oklch(68.28% 0.0631 39.73) 58.1%, oklch(73.17% 0.0567 53.50) 61.3%, oklch(76.47% 0.0529 61.87) 64.5%, oklch(77.75% 0.0527 63.47) 67.7%, oklch(77.19% 0.0557 58.50) 71.0%, oklch(75.18% 0.0613 48.22) 74.2%, oklch(72.04% 0.0689 33.84) 77.4%, oklch(68.09% 0.0779 16.56) 80.6%, oklch(63.63% 0.0877 357.57) 83.9%, oklch(58.99% 0.0977 338.07) 87.1%, oklch(54.48% 0.1074 319.27) 90.3%, oklch(50.41% 0.1161 302.35) 93.5%, oklch(47.11% 0.1232 288.52) 96.8%, oklch(44.88% 0.1281 278.97) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.61 | 0.045 | 5.6 |
| 2 | 0.268 | 0.12 | -87.4 |
| 3 | 0.776 | 0.052 | 63.7 |
| 4 | 0.449 | 0.128 | -81 |

## Other forms

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