# Purple, lavender and light blue linear gradient

Purple, lavender and light blue linear gradient with 7 colors: #431550, #742c96, #a352e0, #bf95ff, #d8d0ff, #e1dcff, #c786e5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYTFDiPUG_NRMPzpqD79hI-9u2ww`
- Page: https://grabient.com/kYTFDiPUG_NRMPzpqD79hI-9u2ww
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: light center, vivid, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.8 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 | `#431550` | `oklch(29.92% 0.1102 317.81)` | Plunged Into Darkness | white, 14.3 to 1 |
| 2 | `#742c96` | `oklch(44.80% 0.1704 312.60)` | Skeletor’s Cape | white, 8.2 to 1 |
| 3 | `#a352e0` | `oklch(60.19% 0.2108 307.40)` | Lightish Purple | black, 4.8 to 1 |
| 4 | `#bf95ff` | `oklch(75.12% 0.1527 301.04)` | Liliac | black, 8.9 to 1 |
| 5 | `#d8d0ff` | `oklch(88.01% 0.0641 292.57)` | Pale Lavender | black, 14.4 to 1 |
| 6 | `#e1dcff` | `oklch(90.97% 0.0471 290.92)` | Transparent Blue | black, 15.9 to 1 |
| 7 | `#c786e5` | `oklch(72.05% 0.1502 314.64)` | Lavender Perceptions | black, 7.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #431550 0.0%, #742c96 16.7%, #a352e0 33.3%, #bf95ff 50.0%, #d8d0ff 66.7%, #e1dcff 83.3%, #c786e5 100.0%);
background: linear-gradient(90deg in oklch, oklch(29.92% 0.1102 317.81) 0.0%, oklch(44.80% 0.1704 312.60) 16.7%, oklch(60.19% 0.2108 307.40) 33.3%, oklch(75.12% 0.1527 301.04) 50.0%, oklch(88.01% 0.0641 292.57) 66.7%, oklch(90.97% 0.0471 290.92) 83.3%, oklch(72.05% 0.1502 314.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.299 | 0.11 | 317.8 |
| 2 | 0.48 | 0.181 | 311.5 |
| 3 | 0.661 | 0.209 | 305.1 |
| 4 | 0.831 | 0.11 | 296.7 |
| 5 | 0.929 | 0.05 | 288.2 |
| 6 | 0.72 | 0.15 | 314.6 |

## In these collections

- [Violet swatches](https://grabient.com/violet-swatches)
- [Purple swatches](https://grabient.com/purple-swatches)

## Other forms

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