# Near-black and violet electric purple palette

The Near-black and violet electric purple palette brings together dark gray, dark blue, purple, and magenta. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is magenta.

- Also called: Analogous black, blue and purple linear gradient
- Seed: `kYOwLLoR3AC3Mv285EBQmRBsNVw6`
- Page: https://grabient.com/kYOwLLoR3AC3Mv285EBQmRBsNVw6?steps=6
- Drawn as: linear gradient, 6 steps, 90 degrees
- Kinds: vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.7 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 | `#1d1d1f` | `oklch(23.23% 0.0028 286.17)` | Satin Deep Black | white, 16.7 to 1 |
| 2 | `#231b48` | `oklch(25.98% 0.0813 287.23)` | Azulado | white, 15.8 to 1 |
| 3 | `#3a02a4` | `oklch(35.83% 0.2108 283.00)` | Sea Grape | white, 12.1 to 1 |
| 4 | `#6001eb` | `oklch(47.64% 0.2756 286.17)` | Gonzo Violet | white, 7.7 to 1 |
| 5 | `#8901e9` | `oklch(51.97% 0.2756 300.97)` | Electric Violet | white, 6.4 to 1 |
| 6 | `#b204a4` | `oklch(52.76% 0.2356 332.67)` | Rosolanc Purple | white, 6.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #1d1d1f 0.0%, #231b48 20.0%, #3a02a4 40.0%, #6001eb 60.0%, #8901e9 80.0%, #b204a4 100.0%);
background: linear-gradient(90deg in oklch, oklch(23.23% 0.0028 286.17) 0.0%, oklch(25.98% 0.0813 287.23) 20.0%, oklch(35.83% 0.2108 283.00) 40.0%, oklch(47.64% 0.2756 286.17) 60.0%, oklch(51.97% 0.2756 300.97) 80.0%, oklch(52.76% 0.2356 332.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.232 | 0.003 | 286.2 |
| 2 | 0.26 | 0.081 | 287.2 |
| 3 | 0.358 | 0.211 | 283 |
| 4 | 0.476 | 0.276 | 286.2 |
| 5 | 0.52 | 0.276 | 301 |
| 6 | 0.528 | 0.236 | 332.7 |

## In these collections

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

## Other forms

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