# Stone and periwinkle violet rain on sandstone

The Stone and periwinkle violet rain on sandstone brings together off-white, light blue, purple, light magenta, and light orange. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is purple, and its lightest tone is off-white.

- Also called: White, lavender and gray linear gradient
- Seed: `ka8QtL9ILN-ePxnan8EVaLBNwRQvojE0g`
- Page: https://grabient.com/ka8QtL9ILN-ePxnan8EVaLBNwRQvojE0g?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: pastel
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2.6 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 | `#efefe3` | `oklch(94.88% 0.0152 106.17)` | Snowy Pine | black, 18.1 to 1 |
| 2 | `#ebefe5` | `oklch(94.58% 0.0134 122.59)` | Trellis | black, 17.9 to 1 |
| 3 | `#e8eee8` | `oklch(94.22% 0.0105 146.29)` | Gossamer Wings | black, 17.7 to 1 |
| 4 | `#e5ecea` | `oklch(93.71% 0.0077 173.33)` | Morning Song | black, 17.5 to 1 |
| 5 | `#e3e9e9` | `oklch(92.99% 0.0059 199.76)` | Evening Mist | black, 17.1 to 1 |
| 6 | `#e0e5e7` | `oklch(91.94% 0.0065 221.61)` | Shaving Cream | black, 16.5 to 1 |
| 7 | `#dae1e6` | `oklch(90.48% 0.0101 237.48)` | Eastern Breeze | black, 15.8 to 1 |
| 8 | `#d2dbe4` | `oklch(88.62% 0.0160 250.55)` | Highland Winds | black, 14.9 to 1 |
| 9 | `#cad3e3` | `oklch(86.52% 0.0235 261.29)` | Violet Wisp | black, 13.9 to 1 |
| 10 | `#c3cbe1` | `oklch(84.31% 0.0318 270.09)` | Periwinkle Powder | black, 12.9 to 1 |
| 11 | `#bec3df` | `oklch(82.17% 0.0401 277.34)` | Genevieve | black, 12 to 1 |
| 12 | `#b9bbdd` | `oklch(80.13% 0.0483 282.92)` | Wisteria Fragrance | black, 11.2 to 1 |
| 13 | `#b3b3db` | `oklch(77.97% 0.0576 285.87)` | Beloved | black, 10.3 to 1 |
| 14 | `#adabda` | `oklch(75.81% 0.0673 287.07)` | Monastic | black, 9.5 to 1 |
| 15 | `#a7a3d8` | `oklch(73.77% 0.0764 287.51)` | Simply Violet | black, 8.8 to 1 |
| 16 | `#a29dd7` | `oklch(72.00% 0.0839 288.22)` | Simply Violet | black, 8.2 to 1 |
| 17 | `#9f97d4` | `oklch(70.59% 0.0893 289.91)` | Gorgeous Hydrangea | black, 7.8 to 1 |
| 18 | `#9d92d2` | `oklch(69.39% 0.0935 291.54)` | Distinct Purple | black, 7.4 to 1 |
| 19 | `#9c8ed0` | `oklch(68.40% 0.0965 293.14)` | Hermosa | black, 7.1 to 1 |
| 20 | `#9c8bce` | `oklch(67.70% 0.0979 295.02)` | Petrified Purple | black, 6.9 to 1 |
| 21 | `#9d89cb` | `oklch(67.34% 0.0970 297.46)` | Petrified Purple | black, 6.8 to 1 |
| 22 | `#a089c7` | `oklch(67.39% 0.0935 300.61)` | Petrified Purple | black, 6.8 to 1 |
| 23 | `#a28bc4` | `oklch(67.88% 0.0858 302.91)` | Classic Bouquet | black, 7 to 1 |
| 24 | `#a58fc0` | `oklch(68.76% 0.0752 305.16)` | Lilac Breeze | black, 7.3 to 1 |
| 25 | `#aa94bd` | `oklch(69.91% 0.0637 308.92)` | Enchanted Lilac | black, 7.6 to 1 |
| 26 | `#af99b9` | `oklch(71.25% 0.0533 315.75)` | Purple Springs | black, 8 to 1 |
| 27 | `#b79db6` | `oklch(72.69% 0.0459 327.28)` | Pastel Purple | black, 8.5 to 1 |
| 28 | `#c1a2b2` | `oklch(74.54% 0.0411 346.56)` | Shady Pink | black, 9.1 to 1 |
| 29 | `#caaaad` | `oklch(76.74% 0.0379 11.49)` | Vista | black, 9.8 to 1 |
| 30 | `#d0b3aa` | `oklch(78.97% 0.0358 37.74)` | Damask Dunes | black, 10.7 to 1 |
| 31 | `#d2bcab` | `oklch(80.93% 0.0344 61.00)` | Desert Fortress | black, 11.5 to 1 |
| 32 | `#d1c3ae` | `oklch(82.28% 0.0331 76.94)` | Pale Parchment | black, 12.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #efefe3 0.0%, #ebefe5 3.2%, #e8eee8 6.5%, #e5ecea 9.7%, #e3e9e9 12.9%, #e0e5e7 16.1%, #dae1e6 19.4%, #d2dbe4 22.6%, #cad3e3 25.8%, #c3cbe1 29.0%, #bec3df 32.3%, #b9bbdd 35.5%, #b3b3db 38.7%, #adabda 41.9%, #a7a3d8 45.2%, #a29dd7 48.4%, #9f97d4 51.6%, #9d92d2 54.8%, #9c8ed0 58.1%, #9c8bce 61.3%, #9d89cb 64.5%, #a089c7 67.7%, #a28bc4 71.0%, #a58fc0 74.2%, #aa94bd 77.4%, #af99b9 80.6%, #b79db6 83.9%, #c1a2b2 87.1%, #caaaad 90.3%, #d0b3aa 93.5%, #d2bcab 96.8%, #d1c3ae 100.0%);
background: linear-gradient(135deg in oklch, oklch(94.88% 0.0152 106.17) 0.0%, oklch(94.58% 0.0134 122.59) 3.2%, oklch(94.22% 0.0105 146.29) 6.5%, oklch(93.71% 0.0077 173.33) 9.7%, oklch(92.99% 0.0059 199.76) 12.9%, oklch(91.94% 0.0065 221.61) 16.1%, oklch(90.48% 0.0101 237.48) 19.4%, oklch(88.62% 0.0160 250.55) 22.6%, oklch(86.52% 0.0235 261.29) 25.8%, oklch(84.31% 0.0318 270.09) 29.0%, oklch(82.17% 0.0401 277.34) 32.3%, oklch(80.13% 0.0483 282.92) 35.5%, oklch(77.97% 0.0576 285.87) 38.7%, oklch(75.81% 0.0673 287.07) 41.9%, oklch(73.77% 0.0764 287.51) 45.2%, oklch(72.00% 0.0839 288.22) 48.4%, oklch(70.59% 0.0893 289.91) 51.6%, oklch(69.39% 0.0935 291.54) 54.8%, oklch(68.40% 0.0965 293.14) 58.1%, oklch(67.70% 0.0979 295.02) 61.3%, oklch(67.34% 0.0970 297.46) 64.5%, oklch(67.39% 0.0935 300.61) 67.7%, oklch(67.88% 0.0858 302.91) 71.0%, oklch(68.76% 0.0752 305.16) 74.2%, oklch(69.91% 0.0637 308.92) 77.4%, oklch(71.25% 0.0533 315.75) 80.6%, oklch(72.69% 0.0459 327.28) 83.9%, oklch(74.54% 0.0411 346.56) 87.1%, oklch(76.74% 0.0379 11.49) 90.3%, oklch(78.97% 0.0358 37.74) 93.5%, oklch(80.93% 0.0344 61.00) 96.8%, oklch(82.28% 0.0331 76.94) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.949 | 0.015 | 106.2 |
| 2 | 0.917 | 0.007 | 224.5 |
| 3 | 0.815 | 0.043 | 279.5 |
| 4 | 0.713 | 0.087 | 289 |
| 5 | 0.673 | 0.095 | 299.6 |
| 6 | 0.724 | 0.047 | 324.9 |
| 7 | 0.823 | 0.033 | 436.9 |

## In these collections

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

## Other forms

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