# Soft muted violet muted olive orange rings

Blue, green, gray and tan radial gradient with 32 colors: #4f3e68, #4c436e, #454975, #3b507c, #2c597f, #16637e, #006c78, #00746f, #207a64, #3a7e59, #4e8152, #5d844f, #6a8751, #748b56, #7c8f5e, #839367, #899870, #8f9c78, #94a080, #98a486, #9da68b, #a0a88d, #a3a98c, #a6aa8a, #a8a986, #aba881, #ada67b, #b0a475, #b3a170, #b59f6a, #b89c66, #ba9b64. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Blue, green, gray and tan radial gradient
- Seed: `kUZjPXRyCtFsOvXZnbsg`
- Page: https://grabient.com/kUZjPXRyCtFsOvXZnbsg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 3.8 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 | `#4f3e68` | `oklch(40.16% 0.0703 302.34)` | Geode | white, 9.4 to 1 |
| 2 | `#4c436e` | `oklch(41.06% 0.0717 292.62)` | Izmir Purple | white, 9 to 1 |
| 3 | `#454975` | `oklch(42.21% 0.0738 279.41)` | Dramatist | white, 8.5 to 1 |
| 4 | `#3b507c` | `oklch(43.58% 0.0765 263.54)` | St. Tropaz | white, 7.9 to 1 |
| 5 | `#2c597f` | `oklch(45.11% 0.0795 245.82)` | Bahama Blue | white, 7.3 to 1 |
| 6 | `#16637e` | `oklch(46.76% 0.0825 227.05)` | Ocean Depths | white, 6.7 to 1 |
| 7 | `#006c78` | `oklch(48.50% 0.0834 208.06)` | Toadstool Teal | white, 6.1 to 1 |
| 8 | `#00746f` | `oklch(50.27% 0.0869 189.62)` | Reef | white, 5.6 to 1 |
| 9 | `#207a64` | `oklch(52.04% 0.0895 172.59)` | Pinehurst | white, 5.2 to 1 |
| 10 | `#3a7e59` | `oklch(53.76% 0.0903 157.75)` | Amazon | white, 4.8 to 1 |
| 11 | `#4e8152` | `oklch(55.39% 0.0900 145.91)` | Kilkenny | white, 4.5 to 1 |
| 12 | `#5d844f` | `oklch(56.95% 0.0881 137.54)` | Magic Sage | black, 4.8 to 1 |
| 13 | `#6a8751` | `oklch(58.63% 0.0845 131.72)` | Snip of Parsley | black, 5.1 to 1 |
| 14 | `#748b56` | `oklch(60.39% 0.0794 127.96)` | Moss Gardens | black, 5.5 to 1 |
| 15 | `#7c8f5e` | `oklch(62.18% 0.0734 125.82)` | Green Energy | black, 5.9 to 1 |
| 16 | `#839367` | `oklch(63.96% 0.0668 124.89)` | Epsom | black, 6.3 to 1 |
| 17 | `#899870` | `oklch(65.69% 0.0600 124.73)` | Cactus Valley | black, 6.7 to 1 |
| 18 | `#8f9c78` | `oklch(67.32% 0.0536 124.92)` | Usuao Blue | black, 7.2 to 1 |
| 19 | `#94a080` | `oklch(68.79% 0.0480 125.02)` | Rookwood Jade | black, 7.6 to 1 |
| 20 | `#98a486` | `oklch(70.07% 0.0436 124.62)` | Glade | black, 7.9 to 1 |
| 21 | `#9da68b` | `oklch(71.12% 0.0407 123.27)` | Tsurubami Green | black, 8.2 to 1 |
| 22 | `#a0a88d` | `oklch(71.87% 0.0399 120.61)` | Reseda | black, 8.5 to 1 |
| 23 | `#a3a98c` | `oklch(72.32% 0.0411 117.10)` | Mountain Sage | black, 8.6 to 1 |
| 24 | `#a6aa8a` | `oklch(72.51% 0.0440 113.07)` | Meditation Time | black, 8.7 to 1 |
| 25 | `#a8a986` | `oklch(72.48% 0.0480 108.68)` | Meditation Time | black, 8.6 to 1 |
| 26 | `#aba881` | `oklch(72.29% 0.0530 104.09)` | Brisk Olive | black, 8.6 to 1 |
| 27 | `#ada67b` | `oklch(71.99% 0.0585 99.47)` | Olive Tree | black, 8.5 to 1 |
| 28 | `#b0a475` | `oklch(71.62% 0.0641 94.98)` | Green Fig | black, 8.3 to 1 |
| 29 | `#b3a170` | `oklch(71.24% 0.0696 90.77)` | Zucchini Garden | black, 8.2 to 1 |
| 30 | `#b59f6a` | `oklch(70.88% 0.0745 87.01)` | Grainfield | black, 8.1 to 1 |
| 31 | `#b89c66` | `oklch(70.61% 0.0785 83.86)` | Swamp Fox | black, 8 to 1 |
| 32 | `#ba9b64` | `oklch(70.47% 0.0813 81.48)` | Rustic City | black, 7.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #4f3e68 0.0%, #4c436e 3.2%, #454975 6.5%, #3b507c 9.7%, #2c597f 12.9%, #16637e 16.1%, #006c78 19.4%, #00746f 22.6%, #207a64 25.8%, #3a7e59 29.0%, #4e8152 32.3%, #5d844f 35.5%, #6a8751 38.7%, #748b56 41.9%, #7c8f5e 45.2%, #839367 48.4%, #899870 51.6%, #8f9c78 54.8%, #94a080 58.1%, #98a486 61.3%, #9da68b 64.5%, #a0a88d 67.7%, #a3a98c 71.0%, #a6aa8a 74.2%, #a8a986 77.4%, #aba881 80.6%, #ada67b 83.9%, #b0a475 87.1%, #b3a170 90.3%, #b59f6a 93.5%, #b89c66 96.8%, #ba9b64 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(40.16% 0.0703 302.34) 0.0%, oklch(41.06% 0.0717 292.62) 3.2%, oklch(42.21% 0.0738 279.41) 6.5%, oklch(43.58% 0.0765 263.54) 9.7%, oklch(45.11% 0.0795 245.82) 12.9%, oklch(46.76% 0.0825 227.05) 16.1%, oklch(48.50% 0.0834 208.06) 19.4%, oklch(50.27% 0.0869 189.62) 22.6%, oklch(52.04% 0.0895 172.59) 25.8%, oklch(53.76% 0.0903 157.75) 29.0%, oklch(55.39% 0.0900 145.91) 32.3%, oklch(56.95% 0.0881 137.54) 35.5%, oklch(58.63% 0.0845 131.72) 38.7%, oklch(60.39% 0.0794 127.96) 41.9%, oklch(62.18% 0.0734 125.82) 45.2%, oklch(63.96% 0.0668 124.89) 48.4%, oklch(65.69% 0.0600 124.73) 51.6%, oklch(67.32% 0.0536 124.92) 54.8%, oklch(68.79% 0.0480 125.02) 58.1%, oklch(70.07% 0.0436 124.62) 61.3%, oklch(71.12% 0.0407 123.27) 64.5%, oklch(71.87% 0.0399 120.61) 67.7%, oklch(72.32% 0.0411 117.10) 71.0%, oklch(72.51% 0.0440 113.07) 74.2%, oklch(72.48% 0.0480 108.68) 77.4%, oklch(72.29% 0.0530 104.09) 80.6%, oklch(71.99% 0.0585 99.47) 83.9%, oklch(71.62% 0.0641 94.98) 87.1%, oklch(71.24% 0.0696 90.77) 90.3%, oklch(70.88% 0.0745 87.01) 93.5%, oklch(70.61% 0.0785 83.86) 96.8%, oklch(70.47% 0.0813 81.48) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.402 | 0.07 | 302.3 |
| 2 | 0.559 | 0.09 | 142.8 |
| 3 | 0.717 | 0.04 | 121.6 |
| 4 | 0.705 | 0.081 | 81.5 |

## In these collections

- [Cranberry bog harvest](https://grabient.com/cranberry-bog-harvest)

## Other forms

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