# Violet sandstone and slate rain gradient

Purple, pink, brown and gray angular gradient with 32 colors: #433065, #49346b, #513a73, #5a417d, #644888, #6f5094, #7b599f, #8662a9, #906cb2, #9b77bb, #a585c5, #b093cf, #baa2d7, #c4aede, #cdb7e1, #d3bde2, #d7bcdd, #d9b5d1, #d7aabc, #d09da2, #c69187, #b9876f, #ad805f, #a77c58, #a87a5e, #ae7c6f, #b18288, #af8ca2, #a99ab6, #a5a8c0, #a6b2c4, #a9b8c5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Purple, pink, brown and gray angular gradient
- Seed: `kWW0HUyqjA-mUQPOmsw4okqw`
- Page: https://grabient.com/kWW0HUyqjA-mUQPOmsw4okqw?style=angularGradient&steps=32&angle=135
- Drawn as: angular gradient, 32 steps, 135 degrees
- Kinds: light center, muted
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 6.5 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 | `#433065` | `oklch(35.83% 0.0896 298.83)` | Minsk | white, 11.3 to 1 |
| 2 | `#49346b` | `oklch(37.64% 0.0919 299.51)` | Petunia | white, 10.5 to 1 |
| 3 | `#513a73` | `oklch(40.06% 0.0956 300.41)` | Loden Purple | white, 9.5 to 1 |
| 4 | `#5a417d` | `oklch(42.93% 0.1001 301.49)` | Cyber Grape | white, 8.4 to 1 |
| 5 | `#644888` | `oklch(46.13% 0.1047 302.68)` | Lords of the Night | white, 7.4 to 1 |
| 6 | `#6f5094` | `oklch(49.52% 0.1087 303.94)` | Parfait d’Amour | white, 6.4 to 1 |
| 7 | `#7b599f` | `oklch(52.95% 0.1115 305.21)` | Sonic Plum | white, 5.5 to 1 |
| 8 | `#8662a9` | `oklch(56.29% 0.1125 306.43)` | Chive Blossom | white, 4.8 to 1 |
| 9 | `#906cb2` | `oklch(59.45% 0.1109 307.51)` | Violet Frog | black, 4.9 to 1 |
| 10 | `#9b77bb` | `oklch(63.01% 0.1061 307.61)` | Purple Pride | black, 5.7 to 1 |
| 11 | `#a585c5` | `oklch(67.00% 0.0987 306.89)` | Lilac Purple | black, 6.7 to 1 |
| 12 | `#b093cf` | `oklch(71.12% 0.0897 305.97)` | Cut Velvet | black, 7.9 to 1 |
| 13 | `#baa2d7` | `oklch(75.06% 0.0800 305.46)` | Purple Premiere | black, 9.2 to 1 |
| 14 | `#c4aede` | `oklch(78.52% 0.0706 305.97)` | Lavender Field Dreamer | black, 10.4 to 1 |
| 15 | `#cdb7e1` | `oklch(81.20% 0.0626 308.11)` | Viking Diva | black, 11.4 to 1 |
| 16 | `#d3bde2` | `oklch(82.78% 0.0568 312.51)` | Plum Point | black, 12.1 to 1 |
| 17 | `#d7bcdd` | `oklch(82.92% 0.0543 320.28)` | Plum Point | black, 12.1 to 1 |
| 18 | `#d9b5d1` | `oklch(81.27% 0.0549 334.06)` | Purple Poodle | black, 11.4 to 1 |
| 19 | `#d7aabc` | `oklch(78.29% 0.0577 352.05)` | Pink Nectar | black, 10.3 to 1 |
| 20 | `#d09da2` | `oklch(74.50% 0.0619 11.83)` | Rosewood Apricot | black, 9 to 1 |
| 21 | `#c69187` | `oklch(70.44% 0.0664 30.96)` | Evening Blush | black, 7.7 to 1 |
| 22 | `#b9876f` | `oklch(66.64% 0.0704 47.02)` | Red Gravel | black, 6.7 to 1 |
| 23 | `#ad805f` | `oklch(63.64% 0.0731 57.56)` | Sylvaneth Bark | black, 6 to 1 |
| 24 | `#a77c58` | `oklch(61.96% 0.0734 60.17)` | Café au Lait | black, 5.6 to 1 |
| 25 | `#a87a5e` | `oklch(61.94% 0.0708 52.40)` | Tuscan Soil | black, 5.6 to 1 |
| 26 | `#ae7c6f` | `oklch(63.17% 0.0657 34.54)` | Crushed Clay | black, 5.8 to 1 |
| 27 | `#b18288` | `oklch(65.31% 0.0588 9.51)` | Retro Pink | black, 6.3 to 1 |
| 28 | `#af8ca2` | `oklch(68.00% 0.0510 340.28)` | Palisade Orchid | black, 7.1 to 1 |
| 29 | `#a99ab6` | `oklch(70.91% 0.0430 309.81)` | Purple Springs | black, 8 to 1 |
| 30 | `#a5a8c0` | `oklch(73.70% 0.0355 281.08)` | Wisteria Light Soft Blue | black, 8.9 to 1 |
| 31 | `#a6b2c4` | `oklch(76.03% 0.0291 257.06)` | Silk Sox | black, 9.8 to 1 |
| 32 | `#a9b8c5` | `oklch(77.56% 0.0248 240.71)` | Overcast Sky | black, 10.3 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #433065 0.0%, #49346b 3.2%, #513a73 6.5%, #5a417d 9.7%, #644888 12.9%, #6f5094 16.1%, #7b599f 19.4%, #8662a9 22.6%, #906cb2 25.8%, #9b77bb 29.0%, #a585c5 32.3%, #b093cf 35.5%, #baa2d7 38.7%, #c4aede 41.9%, #cdb7e1 45.2%, #d3bde2 48.4%, #d7bcdd 51.6%, #d9b5d1 54.8%, #d7aabc 58.1%, #d09da2 61.3%, #c69187 64.5%, #b9876f 67.7%, #ad805f 71.0%, #a77c58 74.2%, #a87a5e 77.4%, #ae7c6f 80.6%, #b18288 83.9%, #af8ca2 87.1%, #a99ab6 90.3%, #a5a8c0 93.5%, #a6b2c4 96.8%, #a9b8c5 100.0%);
background: conic-gradient(from 135deg in oklch, oklch(35.83% 0.0896 298.83) 0.0%, oklch(37.64% 0.0919 299.51) 3.2%, oklch(40.06% 0.0956 300.41) 6.5%, oklch(42.93% 0.1001 301.49) 9.7%, oklch(46.13% 0.1047 302.68) 12.9%, oklch(49.52% 0.1087 303.94) 16.1%, oklch(52.95% 0.1115 305.21) 19.4%, oklch(56.29% 0.1125 306.43) 22.6%, oklch(59.45% 0.1109 307.51) 25.8%, oklch(63.01% 0.1061 307.61) 29.0%, oklch(67.00% 0.0987 306.89) 32.3%, oklch(71.12% 0.0897 305.97) 35.5%, oklch(75.06% 0.0800 305.46) 38.7%, oklch(78.52% 0.0706 305.97) 41.9%, oklch(81.20% 0.0626 308.11) 45.2%, oklch(82.78% 0.0568 312.51) 48.4%, oklch(82.92% 0.0543 320.28) 51.6%, oklch(81.27% 0.0549 334.06) 54.8%, oklch(78.29% 0.0577 352.05) 58.1%, oklch(74.50% 0.0619 11.83) 61.3%, oklch(70.44% 0.0664 30.96) 64.5%, oklch(66.64% 0.0704 47.02) 67.7%, oklch(63.64% 0.0731 57.56) 71.0%, oklch(61.96% 0.0734 60.17) 74.2%, oklch(61.94% 0.0708 52.40) 77.4%, oklch(63.17% 0.0657 34.54) 80.6%, oklch(65.31% 0.0588 9.51) 83.9%, oklch(68.00% 0.0510 340.28) 87.1%, oklch(70.91% 0.0430 309.81) 90.3%, oklch(73.70% 0.0355 281.08) 93.5%, oklch(76.03% 0.0291 257.06) 96.8%, oklch(77.56% 0.0248 240.71) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.358 | 0.09 | 298.8 |
| 2 | 0.587 | 0.112 | 307.3 |
| 3 | 0.831 | 0.055 | 315.7 |
| 4 | 0.618 | 0.073 | 419.3 |
| 5 | 0.776 | 0.025 | 240.7 |

## In these collections

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

## Other forms

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