# Electric plum pink gradient

Analogous black, purple and pink linear gradient with 32 colors: #090414, #0c0519, #100620, #140729, #190932, #1f0b3d, #260d48, #2c0f54, #331160, #3c136d, #45157a, #4e1689, #591797, #6419a5, #701bb2, #7c1ebd, #8821c6, #9525cd, #a228d2, #b02dd6, #be31d8, #ca37d9, #d63eda, #e045db, #e84edc, #ee59de, #f364e0, #f770e2, #f97ae4, #fb84e5, #fd8be7, #fe91e8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous black, purple and pink linear gradient
- Seed: `kWIRzUI62_z5TQRVWcK5b1Ag`
- Page: https://grabient.com/kWIRzUI62_z5TQRVWcK5b1Ag?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 10 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 | `#090414` | `oklch(12.99% 0.0386 298.13)` | Not Tonight | white, 20.1 to 1 |
| 2 | `#0c0519` | `oklch(14.15% 0.0454 297.96)` | Not Tonight | white, 19.9 to 1 |
| 3 | `#100620` | `oklch(15.64% 0.0544 297.67)` | Election Night | white, 19.6 to 1 |
| 4 | `#140729` | `oklch(17.42% 0.0651 297.31)` | Quiet Abyss | white, 19.2 to 1 |
| 5 | `#190932` | `oklch(19.43% 0.0771 296.96)` | Quiet Abyss | white, 18.6 to 1 |
| 6 | `#1f0b3d` | `oklch(21.60% 0.0898 296.71)` | Middle Red Purple | white, 17.8 to 1 |
| 7 | `#260d48` | `oklch(23.88% 0.1030 296.61)` | Shadow Planet | white, 17 to 1 |
| 8 | `#2c0f54` | `oklch(26.21% 0.1160 296.76)` | Vanishing | white, 16 to 1 |
| 9 | `#331160` | `oklch(28.54% 0.1285 297.21)` | Candied Blueberry | white, 15 to 1 |
| 10 | `#3c136d` | `oklch(31.01% 0.1421 297.85)` | Obsidian Shell | white, 13.9 to 1 |
| 11 | `#45157a` | `oklch(33.66% 0.1567 298.65)` | Invasive Indigo | white, 12.8 to 1 |
| 12 | `#4e1689` | `oklch(36.43% 0.1719 299.61)` | Indigo Girls | white, 11.6 to 1 |
| 13 | `#591797` | `oklch(39.25% 0.1869 300.76)` | Banafš Violet | white, 10.4 to 1 |
| 14 | `#6419a5` | `oklch(42.08% 0.2011 302.12)` | Indiviolet Sunset | white, 9.4 to 1 |
| 15 | `#701bb2` | `oklch(44.86% 0.2139 303.71)` | Fuchsia Nebula | white, 8.4 to 1 |
| 16 | `#7c1ebd` | `oklch(47.54% 0.2245 305.56)` | Violet Poison | white, 7.5 to 1 |
| 17 | `#8821c6` | `oklch(50.08% 0.2325 307.73)` | Lilac Spring | white, 6.8 to 1 |
| 18 | `#9525cd` | `oklch(52.57% 0.2390 310.49)` | Prom Queen | white, 6.1 to 1 |
| 19 | `#a228d2` | `oklch(55.05% 0.2442 313.69)` | Telemagenta | white, 5.5 to 1 |
| 20 | `#b02dd6` | `oklch(57.47% 0.2480 317.15)` | Telemagenta | white, 5 to 1 |
| 21 | `#be31d8` | `oklch(59.84% 0.2503 320.65)` | Shades of Rhodonite | black, 4.6 to 1 |
| 22 | `#ca37d9` | `oklch(62.13% 0.2511 323.98)` | Steel Pink | black, 5 to 1 |
| 23 | `#d63eda` | `oklch(64.33% 0.2502 326.95)` | Pinkish Purple | black, 5.5 to 1 |
| 24 | `#e045db` | `oklch(66.42% 0.2476 329.34)` | Méi Gūi Zǐ Purple | black, 6 to 1 |
| 25 | `#e84edc` | `oklch(68.44% 0.2425 331.07)` | Alita Pink | black, 6.5 to 1 |
| 26 | `#ee59de` | `oklch(70.47% 0.2339 332.34)` | Free Speech Magenta | black, 7.1 to 1 |
| 27 | `#f364e0` | `oklch(72.44% 0.2227 333.24)` | Pink Ping | black, 7.7 to 1 |
| 28 | `#f770e2` | `oklch(74.33% 0.2101 333.86)` | Lián Hóng Lotus Pink | black, 8.3 to 1 |
| 29 | `#f97ae4` | `oklch(76.07% 0.1972 334.28)` | Avant-Garde Pink | black, 8.9 to 1 |
| 30 | `#fb84e5` | `oklch(77.62% 0.1852 334.57)` | Splash of Grenadine | black, 9.5 to 1 |
| 31 | `#fd8be7` | `oklch(78.92% 0.1751 334.82)` | Splash of Grenadine | black, 10 to 1 |
| 32 | `#fe91e8` | `oklch(79.92% 0.1681 335.11)` | Pink Elephants | black, 10.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #090414 0.0%, #0c0519 3.2%, #100620 6.5%, #140729 9.7%, #190932 12.9%, #1f0b3d 16.1%, #260d48 19.4%, #2c0f54 22.6%, #331160 25.8%, #3c136d 29.0%, #45157a 32.3%, #4e1689 35.5%, #591797 38.7%, #6419a5 41.9%, #701bb2 45.2%, #7c1ebd 48.4%, #8821c6 51.6%, #9525cd 54.8%, #a228d2 58.1%, #b02dd6 61.3%, #be31d8 64.5%, #ca37d9 67.7%, #d63eda 71.0%, #e045db 74.2%, #e84edc 77.4%, #ee59de 80.6%, #f364e0 83.9%, #f770e2 87.1%, #f97ae4 90.3%, #fb84e5 93.5%, #fd8be7 96.8%, #fe91e8 100.0%);
background: linear-gradient(90deg in oklch, oklch(12.99% 0.0386 298.13) 0.0%, oklch(14.15% 0.0454 297.96) 3.2%, oklch(15.64% 0.0544 297.67) 6.5%, oklch(17.42% 0.0651 297.31) 9.7%, oklch(19.43% 0.0771 296.96) 12.9%, oklch(21.60% 0.0898 296.71) 16.1%, oklch(23.88% 0.1030 296.61) 19.4%, oklch(26.21% 0.1160 296.76) 22.6%, oklch(28.54% 0.1285 297.21) 25.8%, oklch(31.01% 0.1421 297.85) 29.0%, oklch(33.66% 0.1567 298.65) 32.3%, oklch(36.43% 0.1719 299.61) 35.5%, oklch(39.25% 0.1869 300.76) 38.7%, oklch(42.08% 0.2011 302.12) 41.9%, oklch(44.86% 0.2139 303.71) 45.2%, oklch(47.54% 0.2245 305.56) 48.4%, oklch(50.08% 0.2325 307.73) 51.6%, oklch(52.57% 0.2390 310.49) 54.8%, oklch(55.05% 0.2442 313.69) 58.1%, oklch(57.47% 0.2480 317.15) 61.3%, oklch(59.84% 0.2503 320.65) 64.5%, oklch(62.13% 0.2511 323.98) 67.7%, oklch(64.33% 0.2502 326.95) 71.0%, oklch(66.42% 0.2476 329.34) 74.2%, oklch(68.44% 0.2425 331.07) 77.4%, oklch(70.47% 0.2339 332.34) 80.6%, oklch(72.44% 0.2227 333.24) 83.9%, oklch(74.33% 0.2101 333.86) 87.1%, oklch(76.07% 0.1972 334.28) 90.3%, oklch(77.62% 0.1852 334.57) 93.5%, oklch(78.92% 0.1751 334.82) 96.8%, 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.13 | 0.039 | 298.1 |
| 2 | 0.28 | 0.125 | 297.1 |
| 3 | 0.488 | 0.229 | 306.6 |
| 4 | 0.669 | 0.247 | 329.8 |
| 5 | 0.799 | 0.168 | 335.1 |

## In these collections

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

## Other forms

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