# Gold and charcoal violet rain on sandstone

The Gold and charcoal violet rain on sandstone brings together light orange, light magenta, purple, dark blue, and gray. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is dark blue, and its lightest tone is light orange.

- Also called: Beige, purple, navy and dark gray radial gradient
- Seed: `ka3B0-5hAzNUjvK_KT7q6E-6MPPmrhLYg`
- Page: https://grabient.com/ka3B0-5hAzNUjvK_KT7q6E-6MPPmrhLYg?style=radialGradient&steps=32&angle=315
- Drawn as: radial gradient, 32 steps, 315 degrees
- Kinds: muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.9 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 | `#ded2b6` | `oklch(86.61% 0.0400 87.89)` | Spanish White | black, 14 to 1 |
| 2 | `#e1cdb5` | `oklch(85.90% 0.0398 72.60)` | Chalkware | black, 13.6 to 1 |
| 3 | `#e4c7b7` | `oklch(84.96% 0.0390 50.31)` | Cream Tan | black, 13.1 to 1 |
| 4 | `#e2c1bd` | `oklch(83.78% 0.0386 25.13)` | Slubbed Silk | black, 12.5 to 1 |
| 5 | `#dcbbc3` | `oklch(82.34% 0.0397 1.13)` | Crystalline Pink | black, 11.9 to 1 |
| 6 | `#d5b5c7` | `oklch(80.63% 0.0432 342.42)` | Icing Flower | black, 11.2 to 1 |
| 7 | `#cdaec8` | `oklch(78.60% 0.0504 330.91)` | Winsome Orchid | black, 10.4 to 1 |
| 8 | `#c6a5c8` | `oklch(76.25% 0.0611 323.65)` | Tea Towel | black, 9.6 to 1 |
| 9 | `#be9bc7` | `oklch(73.64% 0.0734 319.25)` | Lilac Pink | black, 8.7 to 1 |
| 10 | `#b691c5` | `oklch(70.84% 0.0855 316.38)` | Lavender Blaze | black, 7.8 to 1 |
| 11 | `#ad86c2` | `oklch(67.92% 0.0954 313.71)` | Creeping Bellflower | black, 6.9 to 1 |
| 12 | `#a27dbd` | `oklch(64.87% 0.1019 310.60)` | Wisteria | black, 6.1 to 1 |
| 13 | `#9772b6` | `oklch(61.56% 0.1069 308.49)` | Viola | black, 5.4 to 1 |
| 14 | `#8c68ad` | `oklch(58.10% 0.1104 307.11)` | Knight Elf | black, 4.6 to 1 |
| 15 | `#815ea4` | `oklch(54.61% 0.1125 306.06)` | Chive Blossom | white, 5.1 to 1 |
| 16 | `#76549a` | `oklch(51.22% 0.1132 304.91)` | Juneberry | white, 5.9 to 1 |
| 17 | `#6b4c91` | `oklch(48.01% 0.1124 303.37)` | Grapes of Italy | white, 6.8 to 1 |
| 18 | `#604387` | `oklch(44.75% 0.1101 301.84)` | Lords of the Night | white, 7.8 to 1 |
| 19 | `#563c7c` | `oklch(41.53% 0.1064 300.34)` | Loden Purple | white, 9 to 1 |
| 20 | `#4c3572` | `oklch(38.49% 0.1014 298.76)` | Galactic Compass | white, 10.2 to 1 |
| 21 | `#432f68` | `oklch(35.80% 0.0954 297.02)` | Violet Indigo | white, 11.3 to 1 |
| 22 | `#3b2b5f` | `oklch(33.55% 0.0885 295.16)` | Jakarta Skyline | white, 12.3 to 1 |
| 23 | `#352856` | `oklch(31.58% 0.0796 294.47)` | Parachute Purple | white, 13.2 to 1 |
| 24 | `#30254c` | `oklch(29.89% 0.0693 294.18)` | Elderberry | white, 13.9 to 1 |
| 25 | `#2c2445` | `oklch(28.59% 0.0585 292.86)` | Midnight Velvet | white, 14.5 to 1 |
| 26 | `#28243f` | `oklch(27.78% 0.0485 289.09)` | Telopea | white, 14.8 to 1 |
| 27 | `#24253b` | `oklch(27.58% 0.0401 281.39)` | Midnight Express | white, 14.8 to 1 |
| 28 | `#22293a` | `oklch(28.30% 0.0328 267.52)` | Spinel Stone Black | white, 14.4 to 1 |
| 29 | `#232e3a` | `oklch(29.76% 0.0263 249.19)` | Tangaroa | white, 13.7 to 1 |
| 30 | `#27343a` | `oklch(31.53% 0.0205 229.73)` | Dracula Orchid | white, 12.8 to 1 |
| 31 | `#2d383b` | `oklch(33.18% 0.0159 212.43)` | Far Away Grey | white, 12 to 1 |
| 32 | `#313b3b` | `oklch(34.25% 0.0124 200.61)` | Rookwood Shutter Green | white, 11.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ded2b6 0.0%, #e1cdb5 3.2%, #e4c7b7 6.5%, #e2c1bd 9.7%, #dcbbc3 12.9%, #d5b5c7 16.1%, #cdaec8 19.4%, #c6a5c8 22.6%, #be9bc7 25.8%, #b691c5 29.0%, #ad86c2 32.3%, #a27dbd 35.5%, #9772b6 38.7%, #8c68ad 41.9%, #815ea4 45.2%, #76549a 48.4%, #6b4c91 51.6%, #604387 54.8%, #563c7c 58.1%, #4c3572 61.3%, #432f68 64.5%, #3b2b5f 67.7%, #352856 71.0%, #30254c 74.2%, #2c2445 77.4%, #28243f 80.6%, #24253b 83.9%, #22293a 87.1%, #232e3a 90.3%, #27343a 93.5%, #2d383b 96.8%, #313b3b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(86.61% 0.0400 87.89) 0.0%, oklch(85.90% 0.0398 72.60) 3.2%, oklch(84.96% 0.0390 50.31) 6.5%, oklch(83.78% 0.0386 25.13) 9.7%, oklch(82.34% 0.0397 1.13) 12.9%, oklch(80.63% 0.0432 342.42) 16.1%, oklch(78.60% 0.0504 330.91) 19.4%, oklch(76.25% 0.0611 323.65) 22.6%, oklch(73.64% 0.0734 319.25) 25.8%, oklch(70.84% 0.0855 316.38) 29.0%, oklch(67.92% 0.0954 313.71) 32.3%, oklch(64.87% 0.1019 310.60) 35.5%, oklch(61.56% 0.1069 308.49) 38.7%, oklch(58.10% 0.1104 307.11) 41.9%, oklch(54.61% 0.1125 306.06) 45.2%, oklch(51.22% 0.1132 304.91) 48.4%, oklch(48.01% 0.1124 303.37) 51.6%, oklch(44.75% 0.1101 301.84) 54.8%, oklch(41.53% 0.1064 300.34) 58.1%, oklch(38.49% 0.1014 298.76) 61.3%, oklch(35.80% 0.0954 297.02) 64.5%, oklch(33.55% 0.0885 295.16) 67.7%, oklch(31.58% 0.0796 294.47) 71.0%, oklch(29.89% 0.0693 294.18) 74.2%, oklch(28.59% 0.0585 292.86) 77.4%, oklch(27.78% 0.0485 289.09) 80.6%, oklch(27.58% 0.0401 281.39) 83.9%, oklch(28.30% 0.0328 267.52) 87.1%, oklch(29.76% 0.0263 249.19) 90.3%, oklch(31.53% 0.0205 229.73) 93.5%, oklch(33.18% 0.0159 212.43) 96.8%, oklch(34.25% 0.0124 200.61) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.866 | 0.04 | 87.9 |
| 2 | 0.803 | 0.044 | -19.9 |
| 3 | 0.669 | 0.098 | -47.4 |
| 4 | 0.496 | 0.113 | -55.8 |
| 5 | 0.343 | 0.091 | -64.3 |
| 6 | 0.276 | 0.041 | -77 |
| 7 | 0.343 | 0.012 | -159.4 |

## In these collections

- [Violet rain on sandstone](https://grabient.com/violet-rain-on-sandstone)

## Other forms

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