# Red plum green outlands rings

Brown, purple, pink and green radial gradient with 40 colors: #583d3c, #5b3f40, #5e4146, #61444d, #654856, #674d60, #69526a, #6a5874, #6b5e7e, #6a6486, #6a6a8e, #6a6f95, #6b739b, #6d76a0, #7078a5, #7678aa, #7e77ad, #8874ae, #9471ad, #a06da7, #ad699d, #b7658f, #c0637e, #c5626b, #c86257, #c76544, #c46832, #bf6c21, #b7700e, #ae7400, #a37700, #98790e, #8d7b1d, #827c29, #787c33, #6f7c3c, #687b43, #627a49, #5d794d, #5a7850. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, purple, pink and green radial gradient
- Seed: `kUYxwPSRgzU4xT9EmcqA`
- Page: https://grabient.com/kUYxwPSRgzU4xT9EmcqA?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: muted
- Hues: rainbow
- Contrast of its darkest and lightest colors: 2.5 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 | `#583d3c` | `oklch(38.98% 0.0386 21.09)` | Divine Wine | white, 9.7 to 1 |
| 2 | `#5b3f40` | `oklch(39.83% 0.0397 15.72)` | Ancient Prunus | white, 9.4 to 1 |
| 3 | `#5e4146` | `oklch(40.95% 0.0409 8.14)` | Red Gooseberry | white, 9 to 1 |
| 4 | `#61444d` | `oklch(42.28% 0.0422 358.82)` | Budōnezumi Grape | white, 8.5 to 1 |
| 5 | `#654856` | `oklch(43.78% 0.0437 348.23)` | Plum Harvest | white, 8 to 1 |
| 6 | `#674d60` | `oklch(45.41% 0.0453 336.85)` | Vicarious Violet | white, 7.4 to 1 |
| 7 | `#69526a` | `oklch(47.11% 0.0471 325.16)` | Vintner | white, 6.9 to 1 |
| 8 | `#6a5874` | `oklch(48.85% 0.0491 313.62)` | Plummy | white, 6.4 to 1 |
| 9 | `#6b5e7e` | `oklch(50.58% 0.0513 302.72)` | Napa Winery | white, 5.9 to 1 |
| 10 | `#6a6486` | `oklch(52.25% 0.0537 292.93)` | Purple Gumball | white, 5.5 to 1 |
| 11 | `#6a6a8e` | `oklch(53.83% 0.0564 284.73)` | Wild Wisteria | white, 5.1 to 1 |
| 12 | `#6a6f95` | `oklch(55.25% 0.0593 278.58)` | Royal Intrigue | white, 4.8 to 1 |
| 13 | `#6b739b` | `oklch(56.48% 0.0626 274.97)` | Silk Crepe Mauve | white, 4.6 to 1 |
| 14 | `#6d76a0` | `oklch(57.48% 0.0661 274.36)` | Bleached Denim | black, 4.7 to 1 |
| 15 | `#7078a5` | `oklch(58.29% 0.0705 276.91)` | Bleached Denim | black, 4.9 to 1 |
| 16 | `#7678aa` | `oklch(59.00% 0.0758 282.18)` | Minuet Lilac | black, 5 to 1 |
| 17 | `#7e77ad` | `oklch(59.62% 0.0820 289.79)` | Purple Rhapsody | black, 5.1 to 1 |
| 18 | `#8874ae` | `oklch(60.14% 0.0887 299.34)` | Dahlia Purple | black, 5.1 to 1 |
| 19 | `#9471ad` | `oklch(60.58% 0.0957 310.45)` | Violet Frog | black, 5.2 to 1 |
| 20 | `#a06da7` | `oklch(60.93% 0.1028 322.73)` | Dark Lilac | black, 5.2 to 1 |
| 21 | `#ad699d` | `oklch(61.20% 0.1098 335.78)` | Victorian Valentine | black, 5.2 to 1 |
| 22 | `#b7658f` | `oklch(61.40% 0.1164 349.22)` | Malevolent Mauve | black, 5.2 to 1 |
| 23 | `#c0637e` | `oklch(61.53% 0.1223 2.65)` | Creamed Raspberry | black, 5.3 to 1 |
| 24 | `#c5626b` | `oklch(61.59% 0.1274 15.69)` | Triple Berry | black, 5.3 to 1 |
| 25 | `#c86257` | `oklch(61.59% 0.1314 27.95)` | Quite Coral | black, 5.3 to 1 |
| 26 | `#c76544` | `oklch(61.53% 0.1340 39.04)` | Zōng Hóng Red | black, 5.3 to 1 |
| 27 | `#c46832` | `oklch(61.42% 0.1350 48.57)` | Sesame Crunch | black, 5.3 to 1 |
| 28 | `#bf6c21` | `oklch(61.20% 0.1343 57.18)` | Thai Curry | black, 5.3 to 1 |
| 29 | `#b7700e` | `oklch(60.82% 0.1318 65.73)` | Sweet Mulled Cider | black, 5.3 to 1 |
| 30 | `#ae7400` | `oklch(60.32% 0.1278 74.14)` | Philippine Gold | black, 5.2 to 1 |
| 31 | `#a37700` | `oklch(59.71% 0.1228 82.42)` | Nataneyu Gold | black, 5.1 to 1 |
| 32 | `#98790e` | `oklch(59.03% 0.1169 90.44)` | Mesozoic Green | black, 5 to 1 |
| 33 | `#8d7b1d` | `oklch(58.30% 0.1104 98.15)` | Jīn Zōng Gold | black, 4.9 to 1 |
| 34 | `#827c29` | `oklch(57.54% 0.1035 105.49)` | Verdant | black, 4.8 to 1 |
| 35 | `#787c33` | `oklch(56.79% 0.0966 112.41)` | Calla Green | black, 4.7 to 1 |
| 36 | `#6f7c3c` | `oklch(56.06% 0.0898 118.83)` | Hot Dog Relish | black, 4.6 to 1 |
| 37 | `#687b43` | `oklch(55.39% 0.0835 124.71)` | Noble Eric | white, 4.6 to 1 |
| 38 | `#627a49` | `oklch(54.79% 0.0780 129.97)` | Mown Grass | white, 4.7 to 1 |
| 39 | `#5d794d` | `oklch(54.30% 0.0735 134.55)` | Jolly Green | white, 4.8 to 1 |
| 40 | `#5a7850` | `oklch(53.94% 0.0703 138.39)` | Torrey Pine | white, 4.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #583d3c 0.0%, #5b3f40 2.6%, #5e4146 5.1%, #61444d 7.7%, #654856 10.3%, #674d60 12.8%, #69526a 15.4%, #6a5874 17.9%, #6b5e7e 20.5%, #6a6486 23.1%, #6a6a8e 25.6%, #6a6f95 28.2%, #6b739b 30.8%, #6d76a0 33.3%, #7078a5 35.9%, #7678aa 38.5%, #7e77ad 41.0%, #8874ae 43.6%, #9471ad 46.2%, #a06da7 48.7%, #ad699d 51.3%, #b7658f 53.8%, #c0637e 56.4%, #c5626b 59.0%, #c86257 61.5%, #c76544 64.1%, #c46832 66.7%, #bf6c21 69.2%, #b7700e 71.8%, #ae7400 74.4%, #a37700 76.9%, #98790e 79.5%, #8d7b1d 82.1%, #827c29 84.6%, #787c33 87.2%, #6f7c3c 89.7%, #687b43 92.3%, #627a49 94.9%, #5d794d 97.4%, #5a7850 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(38.98% 0.0386 21.09) 0.0%, oklch(39.83% 0.0397 15.72) 2.6%, oklch(40.95% 0.0409 8.14) 5.1%, oklch(42.28% 0.0422 358.82) 7.7%, oklch(43.78% 0.0437 348.23) 10.3%, oklch(45.41% 0.0453 336.85) 12.8%, oklch(47.11% 0.0471 325.16) 15.4%, oklch(48.85% 0.0491 313.62) 17.9%, oklch(50.58% 0.0513 302.72) 20.5%, oklch(52.25% 0.0537 292.93) 23.1%, oklch(53.83% 0.0564 284.73) 25.6%, oklch(55.25% 0.0593 278.58) 28.2%, oklch(56.48% 0.0626 274.97) 30.8%, oklch(57.48% 0.0661 274.36) 33.3%, oklch(58.29% 0.0705 276.91) 35.9%, oklch(59.00% 0.0758 282.18) 38.5%, oklch(59.62% 0.0820 289.79) 41.0%, oklch(60.14% 0.0887 299.34) 43.6%, oklch(60.58% 0.0957 310.45) 46.2%, oklch(60.93% 0.1028 322.73) 48.7%, oklch(61.20% 0.1098 335.78) 51.3%, oklch(61.40% 0.1164 349.22) 53.8%, oklch(61.53% 0.1223 2.65) 56.4%, oklch(61.59% 0.1274 15.69) 59.0%, oklch(61.59% 0.1314 27.95) 61.5%, oklch(61.53% 0.1340 39.04) 64.1%, oklch(61.42% 0.1350 48.57) 66.7%, oklch(61.20% 0.1343 57.18) 69.2%, oklch(60.82% 0.1318 65.73) 71.8%, oklch(60.32% 0.1278 74.14) 74.4%, oklch(59.71% 0.1228 82.42) 76.9%, oklch(59.03% 0.1169 90.44) 79.5%, oklch(58.30% 0.1104 98.15) 82.1%, oklch(57.54% 0.1035 105.49) 84.6%, oklch(56.79% 0.0966 112.41) 87.2%, oklch(56.06% 0.0898 118.83) 89.7%, oklch(55.39% 0.0835 124.71) 92.3%, oklch(54.79% 0.0780 129.97) 94.9%, oklch(54.30% 0.0735 134.55) 97.4%, oklch(53.94% 0.0703 138.39) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.39 | 0.039 | 21.1 |
| 2 | 0.575 | 0.066 | -85.6 |
| 3 | 0.614 | 0.135 | 48.6 |
| 4 | 0.539 | 0.07 | 138.4 |

## In these collections

- [Mystic outlands](https://grabient.com/mystic-outlands)

## Other forms

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