# Lavender and tan violet rain on sandstone

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

- Also called: Lavender, navy, gray and olive angular swatches
- Seed: `kcuzLe0aU-0GsvuzKz8K6C_S8IPu8CK1TBc_A`
- Page: https://grabient.com/kcuzLe0aU-0GsvuzKz8K6C_S8IPu8CK1TBc_A?style=angularSwatches&steps=32&angle=315
- Drawn as: angular swatches, 32 steps, 315 degrees
- Kinds: dark center, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#b99dc9` | `oklch(73.62% 0.0689 312.89)` | Purple Prophet | black, 8.7 to 1 |
| 2 | `#b598c8` | `oklch(72.19% 0.0744 311.37)` | Atlantic Tulip | black, 8.2 to 1 |
| 3 | `#ae91c6` | `oklch(70.17% 0.0823 309.18)` | Fleur-De-Lis | black, 7.6 to 1 |
| 4 | `#a689c4` | `oklch(67.79% 0.0911 306.70)` | Classic Bouquet | black, 6.9 to 1 |
| 5 | `#9d80c1` | `oklch(65.25% 0.0991 304.30)` | Lilac Purple | black, 6.3 to 1 |
| 6 | `#9478bd` | `oklch(62.69% 0.1054 302.23)` | Royal Raul | black, 5.6 to 1 |
| 7 | `#8b6fb8` | `oklch(59.89% 0.1112 300.26)` | Middle Blue Purple | black, 5 to 1 |
| 8 | `#8066b2` | `oklch(56.94% 0.1164 298.34)` | Lavish Spending | white, 4.6 to 1 |
| 9 | `#765eac` | `oklch(53.99% 0.1204 296.48)` | Genestealer Purple | white, 5.3 to 1 |
| 10 | `#6c56a5` | `oklch(51.19% 0.1229 294.67)` | Prophet Violet | white, 5.9 to 1 |
| 11 | `#624e9e` | `oklch(48.41% 0.1239 292.89)` | Ultrapurple Merge | white, 6.7 to 1 |
| 12 | `#594796` | `oklch(45.64% 0.1237 291.15)` | Liberty | white, 7.5 to 1 |
| 13 | `#50418d` | `oklch(43.03% 0.1223 289.49)` | Moonlight Sonata | white, 8.4 to 1 |
| 14 | `#483b86` | `oklch(40.74% 0.1195 287.94)` | Nauseous Blue | white, 9.3 to 1 |
| 15 | `#42377e` | `oklch(38.80% 0.1157 286.59)` | Galactic Compass | white, 10 to 1 |
| 16 | `#3c3477` | `oklch(37.07% 0.1109 285.48)` | Ballpoint Indigo | white, 10.8 to 1 |
| 17 | `#383170` | `oklch(35.66% 0.1047 284.42)` | Ballpoint Indigo | white, 11.3 to 1 |
| 18 | `#343069` | `oklch(34.65% 0.0967 283.25)` | Deep Koamaru | white, 11.7 to 1 |
| 19 | `#323163` | `oklch(34.17% 0.0862 282.08)` | Deep Koamaru | white, 11.9 to 1 |
| 20 | `#35325b` | `oklch(34.20% 0.0707 284.48)` | Very Blue | white, 11.8 to 1 |
| 21 | `#383554` | `oklch(34.67% 0.0526 287.68)` | Naggaroth Night | white, 11.6 to 1 |
| 22 | `#3a394e` | `oklch(35.55% 0.0355 286.63)` | Carbon Blue | white, 11.1 to 1 |
| 23 | `#3c3e4c` | `oklch(36.80% 0.0232 276.32)` | India Ink | white, 10.5 to 1 |
| 24 | `#3d454d` | `oklch(38.48% 0.0174 250.43)` | Blackbird | white, 9.7 to 1 |
| 25 | `#404c4e` | `oklch(40.65% 0.0158 210.63)` | Rocky Creek | white, 8.9 to 1 |
| 26 | `#47534e` | `oklch(43.13% 0.0173 167.18)` | Evergreen Field | white, 7.9 to 1 |
| 27 | `#535a4e` | `oklch(45.75% 0.0209 130.39)` | Sherwood Forest | white, 7.1 to 1 |
| 28 | `#5f604f` | `oklch(48.42% 0.0259 109.66)` | Stump Green | white, 6.3 to 1 |
| 29 | `#6b6952` | `oklch(51.58% 0.0349 102.58)` | Spruce Woods | white, 5.5 to 1 |
| 30 | `#767353` | `oklch(54.88% 0.0459 103.38)` | Truly Olive | white, 4.8 to 1 |
| 31 | `#7d7c55` | `oklch(57.80% 0.0563 107.15)` | Seaweed Salad | black, 4.9 to 1 |
| 32 | `#828356` | `oklch(59.84% 0.0634 108.94)` | Army Issue Green | black, 5.3 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #b99dc9 0.000% 3.125%, #b598c8 3.125% 6.250%, #ae91c6 6.250% 9.375%, #a689c4 9.375% 12.500%, #9d80c1 12.500% 15.625%, #9478bd 15.625% 18.750%, #8b6fb8 18.750% 21.875%, #8066b2 21.875% 25.000%, #765eac 25.000% 28.125%, #6c56a5 28.125% 31.250%, #624e9e 31.250% 34.375%, #594796 34.375% 37.500%, #50418d 37.500% 40.625%, #483b86 40.625% 43.750%, #42377e 43.750% 46.875%, #3c3477 46.875% 50.000%, #383170 50.000% 53.125%, #343069 53.125% 56.250%, #323163 56.250% 59.375%, #35325b 59.375% 62.500%, #383554 62.500% 65.625%, #3a394e 65.625% 68.750%, #3c3e4c 68.750% 71.875%, #3d454d 71.875% 75.000%, #404c4e 75.000% 78.125%, #47534e 78.125% 81.250%, #535a4e 81.250% 84.375%, #5f604f 84.375% 87.500%, #6b6952 87.500% 90.625%, #767353 90.625% 93.750%, #7d7c55 93.750% 96.875%, #828356 96.875% 100.000%);
background: conic-gradient(from 315deg, oklch(73.62% 0.0689 312.89) 0.000% 3.125%, oklch(72.19% 0.0744 311.37) 3.125% 6.250%, oklch(70.17% 0.0823 309.18) 6.250% 9.375%, oklch(67.79% 0.0911 306.70) 9.375% 12.500%, oklch(65.25% 0.0991 304.30) 12.500% 15.625%, oklch(62.69% 0.1054 302.23) 15.625% 18.750%, oklch(59.89% 0.1112 300.26) 18.750% 21.875%, oklch(56.94% 0.1164 298.34) 21.875% 25.000%, oklch(53.99% 0.1204 296.48) 25.000% 28.125%, oklch(51.19% 0.1229 294.67) 28.125% 31.250%, oklch(48.41% 0.1239 292.89) 31.250% 34.375%, oklch(45.64% 0.1237 291.15) 34.375% 37.500%, oklch(43.03% 0.1223 289.49) 37.500% 40.625%, oklch(40.74% 0.1195 287.94) 40.625% 43.750%, oklch(38.80% 0.1157 286.59) 43.750% 46.875%, oklch(37.07% 0.1109 285.48) 46.875% 50.000%, oklch(35.66% 0.1047 284.42) 50.000% 53.125%, oklch(34.65% 0.0967 283.25) 53.125% 56.250%, oklch(34.17% 0.0862 282.08) 56.250% 59.375%, oklch(34.20% 0.0707 284.48) 59.375% 62.500%, oklch(34.67% 0.0526 287.68) 62.500% 65.625%, oklch(35.55% 0.0355 286.63) 65.625% 68.750%, oklch(36.80% 0.0232 276.32) 68.750% 71.875%, oklch(38.48% 0.0174 250.43) 71.875% 75.000%, oklch(40.65% 0.0158 210.63) 75.000% 78.125%, oklch(43.13% 0.0173 167.18) 78.125% 81.250%, oklch(45.75% 0.0209 130.39) 81.250% 84.375%, oklch(48.42% 0.0259 109.66) 84.375% 87.500%, oklch(51.58% 0.0349 102.58) 87.500% 90.625%, oklch(54.88% 0.0459 103.38) 90.625% 93.750%, oklch(57.80% 0.0563 107.15) 93.750% 96.875%, oklch(59.84% 0.0634 108.94) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.736 | 0.069 | 312.9 |
| 2 | 0.642 | 0.102 | 303.4 |
| 3 | 0.516 | 0.123 | 294.9 |
| 4 | 0.402 | 0.119 | 287.5 |
| 5 | 0.343 | 0.09 | 282.2 |
| 6 | 0.37 | 0.022 | 273.8 |
| 7 | 0.472 | 0.023 | 116.3 |
| 8 | 0.598 | 0.063 | 108.9 |

## In these collections

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

## Other forms

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