# Stone violet rain on sandstone

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

- Also called: Lavender, purple, tan and gray linear swatches
- Seed: `kWyBfbyZs_NqW0BsBMHxw3Tw`
- Page: https://grabient.com/kWyBfbyZs_NqW0BsBMHxw3Tw?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.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 | `#bfb5ca` | `oklch(78.74% 0.0317 308.67)` | Decency | black, 10.6 to 1 |
| 2 | `#826f9f` | `oklch(57.87% 0.0744 302.33)` | Bitter Violet | black, 4.7 to 1 |
| 3 | `#b89e76` | `oklch(71.26% 0.0620 78.65)` | Earthy Ochre | black, 8.1 to 1 |
| 4 | `#d0cec5` | `oklch(85.04% 0.0124 95.56)` | Lattice | black, 13.3 to 1 |
| 5 | `#69748b` | `oklch(55.91% 0.0372 263.58)` | Niche | white, 4.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #bfb5ca 0.000% 20.000%, #826f9f 20.000% 40.000%, #b89e76 40.000% 60.000%, #d0cec5 60.000% 80.000%, #69748b 80.000% 100.000%);
background: linear-gradient(90deg, oklch(78.74% 0.0317 308.67) 0.000% 20.000%, oklch(57.87% 0.0744 302.33) 20.000% 40.000%, oklch(71.26% 0.0620 78.65) 40.000% 60.000%, oklch(85.04% 0.0124 95.56) 60.000% 80.000%, oklch(55.91% 0.0372 263.58) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.787 | 0.032 | 308.7 |
| 2 | 0.579 | 0.074 | 302.3 |
| 3 | 0.713 | 0.062 | 438.7 |
| 4 | 0.85 | 0.012 | 455.6 |
| 5 | 0.559 | 0.037 | 623.6 |

## In these collections

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

## Other forms

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