# Purple, lavender and light blue linear gradient

Purple, lavender and light blue linear gradient with 6 colors: #5a455e, #7564ad, #a08bfe, #c7b8fd, #d5ecff, #cefff9. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYayPkRik8tm7v5oI8B9o653qaOW`
- Page: https://grabient.com/kYayPkRik8tm7v5oI8B9o653qaOW?steps=6&angle=0
- Drawn as: linear gradient, 6 steps, 0 degrees
- Kinds: dark to light, pastel, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 7.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 | `#5a455e` | `oklch(42.13% 0.0482 320.63)` | Conspiracy Velvet | white, 8.6 to 1 |
| 2 | `#7564ad` | `oklch(55.12% 0.1130 293.15)` | Genestealer Purple | white, 5 to 1 |
| 3 | `#a08bfe` | `oklch(70.47% 0.1640 289.98)` | Lavender Blue Shadow | black, 7.6 to 1 |
| 4 | `#c7b8fd` | `oklch(81.89% 0.0978 294.21)` | Violet Heaven | black, 11.6 to 1 |
| 5 | `#d5ecff` | `oklch(93.31% 0.0351 242.41)` | Cloudless | black, 17.3 to 1 |
| 6 | `#cefff9` | `oklch(96.45% 0.0504 187.49)` | Luminescent Sky | black, 19.2 to 1 |

## CSS

```css
background: linear-gradient(0deg, #5a455e 0.0%, #7564ad 20.0%, #a08bfe 40.0%, #c7b8fd 60.0%, #d5ecff 80.0%, #cefff9 100.0%);
background: linear-gradient(0deg in oklch, oklch(42.13% 0.0482 320.63) 0.0%, oklch(55.12% 0.1130 293.15) 20.0%, oklch(70.47% 0.1640 289.98) 40.0%, oklch(81.89% 0.0978 294.21) 60.0%, oklch(93.31% 0.0351 242.41) 80.0%, oklch(96.45% 0.0504 187.49) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.421 | 0.048 | 320.6 |
| 2 | 0.551 | 0.113 | 293.1 |
| 3 | 0.705 | 0.164 | 290 |
| 4 | 0.819 | 0.098 | 294.2 |
| 5 | 0.933 | 0.04 | 242.4 |
| 6 | 0.965 | 0.072 | 187.5 |

## In these collections

- [Ice gradients](https://grabient.com/ice-gradients)
- [Extra celestial](https://grabient.com/extra-celestial)

## Other forms

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