# Violet electric purple palette

The Violet electric purple palette brings together purple, light magenta, and magenta. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is purple, and its lightest tone is magenta.

- Also called: Vivid analogous purple to pink linear gradient
- Seed: `kWh7_XwlvA01NwRcwEDYdM_4`
- Page: https://grabient.com/kWh7_XwlvA01NwRcwEDYdM_4?steps=6&angle=180
- Drawn as: linear gradient, 6 steps, 180 degrees
- Kinds: vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.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 | `#8e1ce5` | `oklch(53.15% 0.2632 303.05)` | Bright Blue Violet | white, 6 to 1 |
| 2 | `#920ed3` | `oklch(51.59% 0.2563 308.71)` | Vibrant Violet | white, 6.5 to 1 |
| 3 | `#a835cd` | `oklch(56.44% 0.2302 316.20)` | Telemagenta | white, 5.1 to 1 |
| 4 | `#c860d4` | `oklch(65.65% 0.1943 323.42)` | Blueberry Glaze | black, 6 to 1 |
| 5 | `#e77de5` | `oklch(74.21% 0.1820 327.83)` | Lavender Magenta | black, 8.4 to 1 |
| 6 | `#fc74fd` | `oklch(76.77% 0.2287 327.35)` | Electric Flamingo | black, 9 to 1 |

## CSS

```css
background: linear-gradient(180deg, #8e1ce5 0.0%, #920ed3 20.0%, #a835cd 40.0%, #c860d4 60.0%, #e77de5 80.0%, #fc74fd 100.0%);
background: linear-gradient(180deg in oklch, oklch(53.15% 0.2632 303.05) 0.0%, oklch(51.59% 0.2563 308.71) 20.0%, oklch(56.44% 0.2302 316.20) 40.0%, oklch(65.65% 0.1943 323.42) 60.0%, oklch(74.21% 0.1820 327.83) 80.0%, oklch(76.77% 0.2287 327.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.531 | 0.263 | 303 |
| 2 | 0.52 | 0.252 | 310.4 |
| 3 | 0.606 | 0.214 | 320 |
| 4 | 0.728 | 0.176 | 327.4 |
| 5 | 0.768 | 0.229 | 327.4 |

## In these collections

- [Electric purple gradients](https://grabient.com/electric-purple-gradients)

## Other forms

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