# Blue and mauve violet rain on sandstone

The Blue and mauve violet rain on sandstone brings together blue, light magenta, and light red. The colors span a moderate lightness range, combining strong 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 magenta.

- Also called: Analogous blue, lavender and gray linear gradient
- Seed: `kWYnTAPzrANOmQlgE8UWorGY`
- Page: https://grabient.com/kWYnTAPzrANOmQlgE8UWorGY?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark to light
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#263597` | `oklch(38.58% 0.1598 270.00)` | North Star Blue | white, 10.2 to 1 |
| 2 | `#28389a` | `oklch(39.43% 0.1604 270.04)` | Liquid Denim | white, 9.8 to 1 |
| 3 | `#2a3b9e` | `oklch(40.52% 0.1615 269.95)` | Liquid Denim | white, 9.4 to 1 |
| 4 | `#2c3fa3` | `oklch(41.81% 0.1629 269.84)` | Yuè Guāng Lán Blue | white, 8.9 to 1 |
| 5 | `#3043a9` | `oklch(43.28% 0.1642 269.81)` | Early Spring Night | white, 8.3 to 1 |
| 6 | `#3448af` | `oklch(44.87% 0.1649 269.95)` | Night in Manchester | white, 7.8 to 1 |
| 7 | `#394db4` | `oklch(46.55% 0.1648 270.38)` | Night in Manchester | white, 7.2 to 1 |
| 8 | `#3f52b9` | `oklch(48.29% 0.1634 271.19)` | Free Speech Blue | white, 6.7 to 1 |
| 9 | `#4757bd` | `oklch(50.05% 0.1603 272.48)` | Free Speech Blue | white, 6.2 to 1 |
| 10 | `#505dc1` | `oklch(51.99% 0.1553 274.08)` | Savoy Blue | white, 5.7 to 1 |
| 11 | `#5963c4` | `oklch(54.11% 0.1489 275.93)` | Borage Blue | white, 5.2 to 1 |
| 12 | `#646ac6` | `oklch(56.34% 0.1413 278.08)` | Bluish Purple Anemone | white, 4.7 to 1 |
| 13 | `#6f70c9` | `oklch(58.60% 0.1331 280.54)` | C64 Purple | black, 4.8 to 1 |
| 14 | `#7977ca` | `oklch(60.83% 0.1246 283.36)` | Kickstart Purple | black, 5.3 to 1 |
| 15 | `#847dcc` | `oklch(62.94% 0.1162 286.57)` | Ube | black, 5.7 to 1 |
| 16 | `#8e83cc` | `oklch(64.87% 0.1083 290.21)` | Amethyst Grey | black, 6.2 to 1 |
| 17 | `#9887cc` | `oklch(66.59% 0.1012 294.31)` | Petrified Purple | black, 6.6 to 1 |
| 18 | `#a18ccb` | `oklch(68.26% 0.0941 298.94)` | Classic Bouquet | black, 7.1 to 1 |
| 19 | `#aa91ca` | `oklch(69.89% 0.0869 304.04)` | Fleur-De-Lis | black, 7.5 to 1 |
| 20 | `#b295c9` | `oklch(71.41% 0.0799 309.53)` | Cut Velvet | black, 8 to 1 |
| 21 | `#b999c7` | `oklch(72.79% 0.0730 315.34)` | Crocus Petal | black, 8.4 to 1 |
| 22 | `#bf9dc4` | `oklch(73.96% 0.0665 321.39)` | Lupine | black, 8.8 to 1 |
| 23 | `#c3a1c1` | `oklch(74.88% 0.0604 327.62)` | Marsh Orchid | black, 9.1 to 1 |
| 24 | `#c6a3be` | `oklch(75.49% 0.0550 333.93)` | Marsh Orchid | black, 9.3 to 1 |
| 25 | `#c7a4ba` | `oklch(75.71% 0.0502 340.61)` | Taste of Berry | black, 9.4 to 1 |
| 26 | `#c7a4b4` | `oklch(75.49% 0.0459 348.22)` | Taste of Berry | black, 9.4 to 1 |
| 27 | `#c5a3ae` | `oklch(74.92% 0.0420 356.39)` | Shady Pink | black, 9.2 to 1 |
| 28 | `#c2a2a8` | `oklch(74.15% 0.0386 4.68)` | Lighthearted Rose | black, 8.9 to 1 |
| 29 | `#bea0a2` | `oklch(73.27% 0.0355 12.66)` | Foggy Quartz | black, 8.7 to 1 |
| 30 | `#ba9e9d` | `oklch(72.42% 0.0329 19.90)` | Awakening | black, 8.4 to 1 |
| 31 | `#b69d9a` | `oklch(71.71% 0.0307 25.98)` | Dressy Rose | black, 8.2 to 1 |
| 32 | `#b49c98` | `oklch(71.26% 0.0289 30.47)` | Quiet Refuge | black, 8.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #263597 0.0%, #28389a 3.2%, #2a3b9e 6.5%, #2c3fa3 9.7%, #3043a9 12.9%, #3448af 16.1%, #394db4 19.4%, #3f52b9 22.6%, #4757bd 25.8%, #505dc1 29.0%, #5963c4 32.3%, #646ac6 35.5%, #6f70c9 38.7%, #7977ca 41.9%, #847dcc 45.2%, #8e83cc 48.4%, #9887cc 51.6%, #a18ccb 54.8%, #aa91ca 58.1%, #b295c9 61.3%, #b999c7 64.5%, #bf9dc4 67.7%, #c3a1c1 71.0%, #c6a3be 74.2%, #c7a4ba 77.4%, #c7a4b4 80.6%, #c5a3ae 83.9%, #c2a2a8 87.1%, #bea0a2 90.3%, #ba9e9d 93.5%, #b69d9a 96.8%, #b49c98 100.0%);
background: linear-gradient(180deg in oklch, oklch(38.58% 0.1598 270.00) 0.0%, oklch(39.43% 0.1604 270.04) 3.2%, oklch(40.52% 0.1615 269.95) 6.5%, oklch(41.81% 0.1629 269.84) 9.7%, oklch(43.28% 0.1642 269.81) 12.9%, oklch(44.87% 0.1649 269.95) 16.1%, oklch(46.55% 0.1648 270.38) 19.4%, oklch(48.29% 0.1634 271.19) 22.6%, oklch(50.05% 0.1603 272.48) 25.8%, oklch(51.99% 0.1553 274.08) 29.0%, oklch(54.11% 0.1489 275.93) 32.3%, oklch(56.34% 0.1413 278.08) 35.5%, oklch(58.60% 0.1331 280.54) 38.7%, oklch(60.83% 0.1246 283.36) 41.9%, oklch(62.94% 0.1162 286.57) 45.2%, oklch(64.87% 0.1083 290.21) 48.4%, oklch(66.59% 0.1012 294.31) 51.6%, oklch(68.26% 0.0941 298.94) 54.8%, oklch(69.89% 0.0869 304.04) 58.1%, oklch(71.41% 0.0799 309.53) 61.3%, oklch(72.79% 0.0730 315.34) 64.5%, oklch(73.96% 0.0665 321.39) 67.7%, oklch(74.88% 0.0604 327.62) 71.0%, oklch(75.49% 0.0550 333.93) 74.2%, oklch(75.71% 0.0502 340.61) 77.4%, oklch(75.49% 0.0459 348.22) 80.6%, oklch(74.92% 0.0420 356.39) 83.9%, oklch(74.15% 0.0386 4.68) 87.1%, oklch(73.27% 0.0355 12.66) 90.3%, oklch(72.42% 0.0329 19.90) 93.5%, oklch(71.71% 0.0307 25.98) 96.8%, oklch(71.26% 0.0289 30.47) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.386 | 0.16 | 270 |
| 2 | 0.496 | 0.161 | 272.1 |
| 3 | 0.657 | 0.105 | 292.2 |
| 4 | 0.756 | 0.054 | 335.5 |
| 5 | 0.713 | 0.029 | 390.5 |

## In these collections

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

## Other forms

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