# Purple, pink, brown and gray linear gradient

Purple, pink, brown and gray linear gradient with 7 colors: #433065, #715296, #a98ac8, #d6bde0, #bd8a76, #b08084, #a9b8c5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWW0HUyqjA-mUQPOmsw4okqw`
- Page: https://grabient.com/kWW0HUyqjA-mUQPOmsw4okqw
- Drawn as: linear gradient, 7 steps, 90 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 | `#715296` | `oklch(50.09% 0.1093 304.15)` | Parfait d’Amour | white, 6.2 to 1 |
| 3 | `#a98ac8` | `oklch(68.37% 0.0958 306.58)` | Classic Bouquet | black, 7.1 to 1 |
| 4 | `#d6bde0` | `oklch(83.07% 0.0551 315.74)` | Plum Point | black, 12.2 to 1 |
| 5 | `#bd8a76` | `oklch(67.85% 0.0692 42.15)` | Terrazzo Tan | black, 7 to 1 |
| 6 | `#b08084` | `oklch(64.90% 0.0601 14.05)` | Audrey’s Blush | black, 6.2 to 1 |
| 7 | `#a9b8c5` | `oklch(77.56% 0.0248 240.71)` | Overcast Sky | black, 10.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #433065 0.0%, #715296 16.7%, #a98ac8 33.3%, #d6bde0 50.0%, #bd8a76 66.7%, #b08084 83.3%, #a9b8c5 100.0%);
background: linear-gradient(90deg in oklch, oklch(35.83% 0.0896 298.83) 0.0%, oklch(50.09% 0.1093 304.15) 16.7%, oklch(68.37% 0.0958 306.58) 33.3%, oklch(83.07% 0.0551 315.74) 50.0%, oklch(67.85% 0.0692 42.15) 66.7%, oklch(64.90% 0.0601 14.05) 83.3%, 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)
- [PNG](https://grabient.com/kWW0HUyqjA-mUQPOmsw4okqw.png)
- [SVG](https://grabient.com/kWW0HUyqjA-mUQPOmsw4okqw.svg)
- [CSS](https://grabient.com/kWW0HUyqjA-mUQPOmsw4okqw.css)
- [ASE](https://grabient.com/kWW0HUyqjA-mUQPOmsw4okqw.ase)
- [GPL](https://grabient.com/kWW0HUyqjA-mUQPOmsw4okqw.gpl)
- [GRD](https://grabient.com/kWW0HUyqjA-mUQPOmsw4okqw.grd)
- [Design tokens](https://grabient.com/kWW0HUyqjA-mUQPOmsw4okqw.tokens.json)
- [Social card](https://grabient.com/api/og?seed=kWW0HUyqjA-mUQPOmsw4okqw)
- [Palettes like this one](https://grabient.com/palettes?q=kWW0HUyqjA-mUQPOmsw4okqw)
- [Guide for agents](https://grabient.com/llms.txt)