# Aubergine color palette

The Aubergine color palette brings together 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 purple, and its lightest tone is magenta.

- Also called: Vivid analogous purple to pink linear gradient
- Seed: `kUT2XeP-E905qwhb78IA`
- Page: https://grabient.com/kUT2XeP-E905qwhb78IA?steps=10&angle=180
- Drawn as: linear gradient, 10 steps, 180 degrees
- Kinds: dark to light, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#470d61` | `oklch(31.10% 0.1392 312.19)` | Obsidian Shell | white, 13.9 to 1 |
| 2 | `#560c84` | `oklch(36.28% 0.1762 306.20)` | Indigo Girls | white, 11.7 to 1 |
| 3 | `#660dba` | `oklch(43.55% 0.2274 298.21)` | Purplue | white, 9 to 1 |
| 4 | `#7512e7` | `oklch(50.00% 0.2673 294.22)` | Voluptuous Violet | white, 6.9 to 1 |
| 5 | `#8a17fb` | `oklch(54.39% 0.2841 297.55)` | Punk Rock Pink | white, 5.8 to 1 |
| 6 | `#a41afe` | `oklch(57.95% 0.2895 304.87)` | Veronica | white, 5 to 1 |
| 7 | `#bd1efe` | `oklch(61.42% 0.2935 312.19)` | Neon Purple | black, 4.7 to 1 |
| 8 | `#d727ff` | `oklch(65.41% 0.2966 318.84)` | Afterlife | black, 5.6 to 1 |
| 9 | `#f229ff` | `oklch(69.32% 0.3042 325.49)` | Brusque Pink | black, 6.5 to 1 |
| 10 | `#ff42f6` | `oklch(72.05% 0.2849 330.15)` | Actinic Light | black, 7.3 to 1 |

## CSS

```css
background: linear-gradient(180deg, #470d61 0.0%, #560c84 11.1%, #660dba 22.2%, #7512e7 33.3%, #8a17fb 44.4%, #a41afe 55.6%, #bd1efe 66.7%, #d727ff 77.8%, #f229ff 88.9%, #ff42f6 100.0%);
background: linear-gradient(180deg in oklch, oklch(31.10% 0.1392 312.19) 0.0%, oklch(36.28% 0.1762 306.20) 11.1%, oklch(43.55% 0.2274 298.21) 22.2%, oklch(50.00% 0.2673 294.22) 33.3%, oklch(54.39% 0.2841 297.55) 44.4%, oklch(57.95% 0.2895 304.87) 55.6%, oklch(61.42% 0.2935 312.19) 66.7%, oklch(65.41% 0.2966 318.84) 77.8%, oklch(69.32% 0.3042 325.49) 88.9%, oklch(72.05% 0.2849 330.15) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.311 | 0.139 | 312.2 |
| 2 | 0.5 | 0.267 | 294.2 |
| 3 | 0.614 | 0.294 | 312.2 |
| 4 | 0.72 | 0.307 | 330.2 |

## In these collections

- [Purple gradients](https://grabient.com/purple-gradients)
- [Electric purple gradients](https://grabient.com/electric-purple-gradients)
- [Day of the Dead gradients](https://grabient.com/day-of-the-dead-gradients)
- [Cyber Monday gradients](https://grabient.com/cyber-monday-gradients)

## Other forms

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