# Muted violet muted orange olive rings

Purple, pink, brown and olive radial gradient with 40 colors: #55496d, #5c4c70, #645074, #6f5678, #7b5c7d, #876381, #946a84, #a17287, #ad7a89, #b8828a, #c1898b, #c8908a, #cd9589, #d09887, #d09983, #cd987f, #ca9679, #c49273, #be8d6b, #b88864, #b1825c, #aa7d54, #a3774d, #9d7346, #996f3f, #956d39, #936c34, #916d2f, #916f2b, #917327, #917724, #927c22, #928220, #928821, #918e23, #909426, #8e9a2a, #8c9f2f, #8aa333, #88a636. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Purple, pink, brown and olive radial gradient
- Seed: `kUbizVXJpLkcgRFWs8Wg`
- Page: https://grabient.com/kUbizVXJpLkcgRFWs8Wg?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: warm
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#55496d` | `oklch(43.31% 0.0606 299.53)` | Proper Purple | white, 8.1 to 1 |
| 2 | `#5c4c70` | `oklch(44.74% 0.0611 304.04)` | Loganberry | white, 7.7 to 1 |
| 3 | `#645074` | `oklch(46.69% 0.0617 309.85)` | Futaai Indigo | white, 7.1 to 1 |
| 4 | `#6f5678` | `oklch(49.06% 0.0623 316.76)` | Trixter | white, 6.4 to 1 |
| 5 | `#7b5c7d` | `oklch(51.74% 0.0630 324.53)` | Gala Ball | white, 5.7 to 1 |
| 6 | `#876381` | `oklch(54.63% 0.0638 332.96)` | Orchid Orchestra | white, 5 to 1 |
| 7 | `#946a84` | `oklch(57.62% 0.0647 341.83)` | Fruit of Passion | black, 4.6 to 1 |
| 8 | `#a17287` | `oklch(60.62% 0.0656 350.91)` | Upper Crust | black, 5.2 to 1 |
| 9 | `#ad7a89` | `oklch(63.52% 0.0665 0.00)` | Silken Raspberry | black, 5.9 to 1 |
| 10 | `#b8828a` | `oklch(66.21% 0.0675 8.87)` | Lime Pink | black, 6.5 to 1 |
| 11 | `#c1898b` | `oklch(68.59% 0.0685 17.30)` | Prophetess | black, 7.2 to 1 |
| 12 | `#c8908a` | `oklch(70.55% 0.0695 25.08)` | Evening Blush | black, 7.7 to 1 |
| 13 | `#cd9589` | `oklch(72.01% 0.0706 31.99)` | Peach Beige | black, 8.2 to 1 |
| 14 | `#d09887` | `oklch(72.83% 0.0717 37.81)` | Nectarine Spice | black, 8.5 to 1 |
| 15 | `#d09983` | `oklch(72.98% 0.0726 42.63)` | Dusty Coral | black, 8.5 to 1 |
| 16 | `#cd987f` | `oklch(72.50% 0.0735 46.76)` | Chinook Salmon | black, 8.4 to 1 |
| 17 | `#ca9679` | `oklch(71.50% 0.0743 50.29)` | Chinook Salmon | black, 8.1 to 1 |
| 18 | `#c49273` | `oklch(70.10% 0.0751 53.33)` | Charleston Chocolate | black, 7.7 to 1 |
| 19 | `#be8d6b` | `oklch(68.38% 0.0759 55.97)` | Nobody but Ben | black, 7.2 to 1 |
| 20 | `#b88864` | `oklch(66.46% 0.0768 58.31)` | Suede | black, 6.7 to 1 |
| 21 | `#b1825c` | `oklch(64.43% 0.0778 60.46)` | Choco Biscuit | black, 6.2 to 1 |
| 22 | `#aa7d54` | `oklch(62.41% 0.0789 62.51)` | Butterscotch Mousse | black, 5.7 to 1 |
| 23 | `#a3774d` | `oklch(60.49% 0.0802 64.57)` | Leather Chair | black, 5.3 to 1 |
| 24 | `#9d7346` | `oklch(58.77% 0.0817 66.72)` | Bone Brown | black, 4.9 to 1 |
| 25 | `#996f3f` | `oklch(57.37% 0.0835 69.08)` | Cane Toad | black, 4.6 to 1 |
| 26 | `#956d39` | `oklch(56.38% 0.0857 71.74)` | Vintage Caramel | white, 4.6 to 1 |
| 27 | `#936c34` | `oklch(55.91% 0.0882 74.80)` | Vintage Caramel | white, 4.7 to 1 |
| 28 | `#916d2f` | `oklch(55.92% 0.0913 78.29)` | Dirt Yellow | white, 4.7 to 1 |
| 29 | `#916f2b` | `oklch(56.30% 0.0949 82.12)` | Dirt Yellow | white, 4.6 to 1 |
| 30 | `#917327` | `oklch(56.98% 0.0992 86.22)` | Mode Beige | black, 4.6 to 1 |
| 31 | `#917724` | `oklch(57.91% 0.1037 90.49)` | Jīn Zōng Gold | black, 4.8 to 1 |
| 32 | `#927c22` | `oklch(59.03% 0.1086 94.86)` | Moscow Papyrus | black, 5.1 to 1 |
| 33 | `#928220` | `oklch(60.29% 0.1136 99.24)` | Jungle Palm | black, 5.4 to 1 |
| 34 | `#928821` | `oklch(61.62% 0.1186 103.56)` | Potter Green | black, 5.7 to 1 |
| 35 | `#918e23` | `oklch(62.98% 0.1235 107.72)` | Potter Green | black, 6 to 1 |
| 36 | `#909426` | `oklch(64.30% 0.1281 111.65)` | Chorus of Frogs | black, 6.4 to 1 |
| 37 | `#8e9a2a` | `oklch(65.53% 0.1324 115.27)` | Limetta | black, 6.7 to 1 |
| 38 | `#8c9f2f` | `oklch(66.61% 0.1362 118.49)` | Vigorous Wasabi | black, 7.1 to 1 |
| 39 | `#8aa333` | `oklch(67.49% 0.1395 121.23)` | Biology Experiments | black, 7.3 to 1 |
| 40 | `#88a636` | `oklch(68.11% 0.1419 123.41)` | Beautiful Mint | black, 7.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #55496d 0.0%, #5c4c70 2.6%, #645074 5.1%, #6f5678 7.7%, #7b5c7d 10.3%, #876381 12.8%, #946a84 15.4%, #a17287 17.9%, #ad7a89 20.5%, #b8828a 23.1%, #c1898b 25.6%, #c8908a 28.2%, #cd9589 30.8%, #d09887 33.3%, #d09983 35.9%, #cd987f 38.5%, #ca9679 41.0%, #c49273 43.6%, #be8d6b 46.2%, #b88864 48.7%, #b1825c 51.3%, #aa7d54 53.8%, #a3774d 56.4%, #9d7346 59.0%, #996f3f 61.5%, #956d39 64.1%, #936c34 66.7%, #916d2f 69.2%, #916f2b 71.8%, #917327 74.4%, #917724 76.9%, #927c22 79.5%, #928220 82.1%, #928821 84.6%, #918e23 87.2%, #909426 89.7%, #8e9a2a 92.3%, #8c9f2f 94.9%, #8aa333 97.4%, #88a636 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(43.31% 0.0606 299.53) 0.0%, oklch(44.74% 0.0611 304.04) 2.6%, oklch(46.69% 0.0617 309.85) 5.1%, oklch(49.06% 0.0623 316.76) 7.7%, oklch(51.74% 0.0630 324.53) 10.3%, oklch(54.63% 0.0638 332.96) 12.8%, oklch(57.62% 0.0647 341.83) 15.4%, oklch(60.62% 0.0656 350.91) 17.9%, oklch(63.52% 0.0665 0.00) 20.5%, oklch(66.21% 0.0675 8.87) 23.1%, oklch(68.59% 0.0685 17.30) 25.6%, oklch(70.55% 0.0695 25.08) 28.2%, oklch(72.01% 0.0706 31.99) 30.8%, oklch(72.83% 0.0717 37.81) 33.3%, oklch(72.98% 0.0726 42.63) 35.9%, oklch(72.50% 0.0735 46.76) 38.5%, oklch(71.50% 0.0743 50.29) 41.0%, oklch(70.10% 0.0751 53.33) 43.6%, oklch(68.38% 0.0759 55.97) 46.2%, oklch(66.46% 0.0768 58.31) 48.7%, oklch(64.43% 0.0778 60.46) 51.3%, oklch(62.41% 0.0789 62.51) 53.8%, oklch(60.49% 0.0802 64.57) 56.4%, oklch(58.77% 0.0817 66.72) 59.0%, oklch(57.37% 0.0835 69.08) 61.5%, oklch(56.38% 0.0857 71.74) 64.1%, oklch(55.91% 0.0882 74.80) 66.7%, oklch(55.92% 0.0913 78.29) 69.2%, oklch(56.30% 0.0949 82.12) 71.8%, oklch(56.98% 0.0992 86.22) 74.4%, oklch(57.91% 0.1037 90.49) 76.9%, oklch(59.03% 0.1086 94.86) 79.5%, oklch(60.29% 0.1136 99.24) 82.1%, oklch(61.62% 0.1186 103.56) 84.6%, oklch(62.98% 0.1235 107.72) 87.2%, oklch(64.30% 0.1281 111.65) 89.7%, oklch(65.53% 0.1324 115.27) 92.3%, oklch(66.61% 0.1362 118.49) 94.9%, oklch(67.49% 0.1395 121.23) 97.4%, oklch(68.11% 0.1419 123.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.433 | 0.061 | 299.5 |
| 2 | 0.728 | 0.072 | 397.8 |
| 3 | 0.559 | 0.088 | 434.8 |
| 4 | 0.681 | 0.142 | 483.4 |

## In these collections

- [Gold border jasmine garland](https://grabient.com/gold-border-jasmine-garland)

## Other forms

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