# Aubergine electric purple palette

The Aubergine electric purple palette brings together dark purple and magenta. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark purple, and its lightest tone is magenta.

- Also called: Vivid monochrome purple linear gradient
- Seed: `kUQlTdsEHBUHOQFWQL9g`
- Page: https://grabient.com/kUQlTdsEHBUHOQFWQL9g?steps=6&angle=180
- Drawn as: linear gradient, 6 steps, 180 degrees
- Kinds: dark to light, vivid, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.1 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 | `#36084b` | `oklch(25.98% 0.1157 311.48)` | Romanic Scene | white, 16.2 to 1 |
| 2 | `#520264` | `oklch(32.36% 0.1537 318.51)` | God of Nights | white, 13.5 to 1 |
| 3 | `#760080` | `oklch(40.40% 0.1895 324.40)` | Ultraberry | white, 10 to 1 |
| 4 | `#97159d` | `oklch(48.64% 0.2131 326.25)` | Violet Eggplant | white, 7.1 to 1 |
| 5 | `#b544bd` | `oklch(58.64% 0.2035 324.92)` | Ultraviolet Cryner | white, 4.6 to 1 |
| 6 | `#c96dd7` | `oklch(67.72% 0.1778 322.05)` | Blueberry Glaze | black, 6.6 to 1 |

## CSS

```css
background: linear-gradient(180deg, #36084b 0.0%, #520264 20.0%, #760080 40.0%, #97159d 60.0%, #b544bd 80.0%, #c96dd7 100.0%);
background: linear-gradient(180deg in oklch, oklch(25.98% 0.1157 311.48) 0.0%, oklch(32.36% 0.1537 318.51) 20.0%, oklch(40.40% 0.1895 324.40) 40.0%, oklch(48.64% 0.2131 326.25) 60.0%, oklch(58.64% 0.2035 324.92) 80.0%, oklch(67.72% 0.1778 322.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.26 | 0.116 | 311.5 |
| 2 | 0.378 | 0.181 | 323.1 |
| 3 | 0.516 | 0.215 | 326.3 |
| 4 | 0.677 | 0.178 | 322.1 |

## In these collections

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

## Other forms

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