# Analogous purple to pink linear gradient

Analogous purple to pink linear gradient with 5 colors: #614790, #7b63ae, #ad55f3, #f157ea, #fe91e8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWdVTURqo_1BTQRa2cK5b1Ag`
- Page: https://grabient.com/kWdVTURqo_1BTQRa2cK5b1Ag?steps=5
- Drawn as: linear gradient, 5 steps, 90 degrees
- Kinds: dark to light, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#614790` | `oklch(46.06% 0.1157 298.13)` | Lords of the Night | white, 7.4 to 1 |
| 2 | `#7b63ae` | `oklch(55.51% 0.1157 297.07)` | Genestealer Purple | white, 4.9 to 1 |
| 3 | `#ad55f3` | `oklch(62.99% 0.2287 306.58)` | Light Shōtoku Purple | black, 5.3 to 1 |
| 4 | `#f157ea` | `oklch(71.26% 0.2467 329.83)` | Lake Retba Pink | black, 7.3 to 1 |
| 5 | `#fe91e8` | `oklch(79.92% 0.1681 335.11)` | Pink Elephants | black, 10.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #614790 0.0%, #7b63ae 25.0%, #ad55f3 50.0%, #f157ea 75.0%, #fe91e8 100.0%);
background: linear-gradient(90deg in oklch, oklch(46.06% 0.1157 298.13) 0.0%, oklch(55.51% 0.1157 297.07) 25.0%, oklch(62.99% 0.2287 306.58) 50.0%, oklch(71.26% 0.2467 329.83) 75.0%, oklch(79.92% 0.1681 335.11) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.461 | 0.116 | 298.1 |
| 2 | 0.555 | 0.116 | 297.1 |
| 3 | 0.63 | 0.229 | 306.6 |
| 4 | 0.713 | 0.247 | 329.8 |
| 5 | 0.799 | 0.168 | 335.1 |

## Other forms

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