# Plum coral charcoal gradient

Purple, gray, mauve and orange radial gradient with 32 colors: #6e4564, #654465, #594263, #4b3f5e, #3d3b57, #30374d, #253241, #1f2e37, #1c2a2e, #1d2828, #1f2726, #232a27, #29302b, #343930, #414337, #524e3f, #645949, #786454, #8b6e62, #9b7770, #a97e7c, #b38285, #bb858a, #c2858a, #c88487, #ce837f, #d28174, #d47f66, #d57e57, #d47e47, #d37e38, #d37f2c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Purple, gray, mauve and orange radial gradient
- Seed: `kUcjPvIgStVKVLNVssUA`
- Page: https://grabient.com/kUcjPvIgStVKVLNVssUA?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: 5.1 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 | `#6e4564` | `oklch(44.88% 0.0703 336.09)` | Wizard Time | white, 7.7 to 1 |
| 2 | `#654465` | `oklch(43.61% 0.0665 327.09)` | Sultana | white, 8.1 to 1 |
| 3 | `#594263` | `oklch(41.67% 0.0612 315.59)` | Sunset Serenade | white, 8.8 to 1 |
| 4 | `#4b3f5e` | `oklch(39.26% 0.0546 302.02)` | Powerful Mauve | white, 9.6 to 1 |
| 5 | `#3d3b57` | `oklch(36.60% 0.0473 286.79)` | Magic Night | white, 10.7 to 1 |
| 6 | `#30374d` | `oklch(33.88% 0.0398 270.31)` | German Liquorice | white, 11.8 to 1 |
| 7 | `#253241` | `oklch(31.31% 0.0323 253.01)` | Blue-Black | white, 12.9 to 1 |
| 8 | `#1f2e37` | `oklch(29.08% 0.0255 235.29)` | Freinacht Black | white, 14 to 1 |
| 9 | `#1c2a2e` | `oklch(27.41% 0.0196 217.59)` | Black Pearl | white, 14.7 to 1 |
| 10 | `#1d2828` | `oklch(26.48% 0.0152 200.30)` | Washed Black | white, 15.2 to 1 |
| 11 | `#1f2726` | `oklch(26.51% 0.0127 183.86)` | Washed Black | white, 15.2 to 1 |
| 12 | `#232a27` | `oklch(27.72% 0.0123 167.93)` | Bitter Liquorice | white, 14.6 to 1 |
| 13 | `#29302b` | `oklch(30.13% 0.0135 150.56)` | Eternity | white, 13.5 to 1 |
| 14 | `#343930` | `oklch(33.51% 0.0159 132.15)` | Matcha Ash | white, 11.9 to 1 |
| 15 | `#414337` | `oklch(37.62% 0.0194 113.25)` | Forest Night | white, 10.1 to 1 |
| 16 | `#524e3f` | `oklch(42.20% 0.0239 94.44)` | Deep Desert Shadow | white, 8.3 to 1 |
| 17 | `#645949` | `oklch(47.00% 0.0291 76.29)` | Winter Oak | white, 6.8 to 1 |
| 18 | `#786454` | `oklch(51.77% 0.0349 59.36)` | Cobble Brown | white, 5.6 to 1 |
| 19 | `#8b6e62` | `oklch(56.26% 0.0410 44.22)` | Sea Lion Brown | white, 4.6 to 1 |
| 20 | `#9b7770` | `oklch(60.22% 0.0474 31.45)` | Southern Road | black, 5.2 to 1 |
| 21 | `#a97e7c` | `oklch(63.40% 0.0537 21.61)` | Cherry Mocha | black, 5.9 to 1 |
| 22 | `#b38285` | `oklch(65.58% 0.0600 15.28)` | Retro Pink | black, 6.4 to 1 |
| 23 | `#bb858a` | `oklch(67.04% 0.0672 12.83)` | Notice Me | black, 6.8 to 1 |
| 24 | `#c2858a` | `oklch(67.97% 0.0754 13.72)` | Strawberry Jubilee | black, 7 to 1 |
| 25 | `#c88487` | `oklch(68.46% 0.0843 17.28)` | Fake Crush | black, 7.1 to 1 |
| 26 | `#ce837f` | `oklch(68.60% 0.0936 22.84)` | Raspberry Ripple | black, 7.1 to 1 |
| 27 | `#d28174` | `oklch(68.50% 0.1029 29.72)` | Tawny Orange | black, 7.1 to 1 |
| 28 | `#d47f66` | `oklch(68.23% 0.1120 37.25)` | Fire Chalk | black, 7 to 1 |
| 29 | `#d57e57` | `oklch(67.88% 0.1204 44.74)` | Copper Harbor | black, 6.9 to 1 |
| 30 | `#d47e47` | `oklch(67.56% 0.1280 51.53)` | Pumpkin Bread | black, 6.8 to 1 |
| 31 | `#d37e38` | `oklch(67.34% 0.1344 56.93)` | Yellow Mandarin | black, 6.8 to 1 |
| 32 | `#d37f2c` | `oklch(67.32% 0.1392 60.28)` | Yellow Mandarin | black, 6.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #6e4564 0.0%, #654465 3.2%, #594263 6.5%, #4b3f5e 9.7%, #3d3b57 12.9%, #30374d 16.1%, #253241 19.4%, #1f2e37 22.6%, #1c2a2e 25.8%, #1d2828 29.0%, #1f2726 32.3%, #232a27 35.5%, #29302b 38.7%, #343930 41.9%, #414337 45.2%, #524e3f 48.4%, #645949 51.6%, #786454 54.8%, #8b6e62 58.1%, #9b7770 61.3%, #a97e7c 64.5%, #b38285 67.7%, #bb858a 71.0%, #c2858a 74.2%, #c88487 77.4%, #ce837f 80.6%, #d28174 83.9%, #d47f66 87.1%, #d57e57 90.3%, #d47e47 93.5%, #d37e38 96.8%, #d37f2c 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(44.88% 0.0703 336.09) 0.0%, oklch(43.61% 0.0665 327.09) 3.2%, oklch(41.67% 0.0612 315.59) 6.5%, oklch(39.26% 0.0546 302.02) 9.7%, oklch(36.60% 0.0473 286.79) 12.9%, oklch(33.88% 0.0398 270.31) 16.1%, oklch(31.31% 0.0323 253.01) 19.4%, oklch(29.08% 0.0255 235.29) 22.6%, oklch(27.41% 0.0196 217.59) 25.8%, oklch(26.48% 0.0152 200.30) 29.0%, oklch(26.51% 0.0127 183.86) 32.3%, oklch(27.72% 0.0123 167.93) 35.5%, oklch(30.13% 0.0135 150.56) 38.7%, oklch(33.51% 0.0159 132.15) 41.9%, oklch(37.62% 0.0194 113.25) 45.2%, oklch(42.20% 0.0239 94.44) 48.4%, oklch(47.00% 0.0291 76.29) 51.6%, oklch(51.77% 0.0349 59.36) 54.8%, oklch(56.26% 0.0410 44.22) 58.1%, oklch(60.22% 0.0474 31.45) 61.3%, oklch(63.40% 0.0537 21.61) 64.5%, oklch(65.58% 0.0600 15.28) 67.7%, oklch(67.04% 0.0672 12.83) 71.0%, oklch(67.97% 0.0754 13.72) 74.2%, oklch(68.46% 0.0843 17.28) 77.4%, oklch(68.60% 0.0936 22.84) 80.6%, oklch(68.50% 0.1029 29.72) 83.9%, oklch(68.23% 0.1120 37.25) 87.1%, oklch(67.88% 0.1204 44.74) 90.3%, oklch(67.56% 0.1280 51.53) 93.5%, oklch(67.34% 0.1344 56.93) 96.8%, oklch(67.32% 0.1392 60.28) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.449 | 0.07 | 336.1 |
| 2 | 0.268 | 0.012 | 178.6 |
| 3 | 0.65 | 0.058 | 17 |
| 4 | 0.673 | 0.139 | 60.3 |

## In these collections

- [Wasabi plum editorial](https://grabient.com/wasabi-plum-editorial)

## Other forms

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