# Vivid analogous purple and magenta linear gradient

Vivid analogous purple and magenta linear gradient with 32 colors: #2b004a, #30004e, #380052, #420156, #4e0159, #5a015c, #67015f, #720062, #7d0065, #870069, #91006e, #9b0174, #a4017b, #ad0282, #b60389, #bd048f, #c40495, #c9049b, #ce04a2, #d304a8, #d604af, #d903b5, #da03bc, #dc03c3, #dc03c9, #da03d1, #d803d8, #d503df, #d103e6, #cd03ec, #ca03f1, #c803f4. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWO1nYMj7EEVUQHOYz7zmw94`
- Page: https://grabient.com/kWO1nYMj7EEVUQHOYz7zmw94?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 4 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 | `#2b004a` | `oklch(23.27% 0.1217 303.68)` | Edge of Space | white, 17.4 to 1 |
| 2 | `#30004e` | `oklch(24.55% 0.1263 306.74)` | Hollow Knight | white, 16.9 to 1 |
| 3 | `#380052` | `oklch(26.28% 0.1317 311.03)` | Hollow Knight | white, 16.2 to 1 |
| 4 | `#420156` | `oklch(28.36% 0.1378 316.12)` | Ripe Plum | white, 15.3 to 1 |
| 5 | `#4e0159` | `oklch(30.66% 0.1446 321.62)` | Clairvoyant | white, 14.2 to 1 |
| 6 | `#5a015c` | `oklch(33.07% 0.1519 327.10)` | Cloak and Dagger | white, 13.1 to 1 |
| 7 | `#67015f` | `oklch(35.49% 0.1594 332.13)` | Divine Purple | white, 12 to 1 |
| 8 | `#720062` | `oklch(37.79% 0.1669 336.31)` | Liche Purple | white, 11 to 1 |
| 9 | `#7d0065` | `oklch(39.88% 0.1739 339.23)` | Xereus Purple | white, 10.2 to 1 |
| 10 | `#870069` | `oklch(41.95% 0.1813 341.19)` | Grapest | white, 9.4 to 1 |
| 11 | `#91006e` | `oklch(44.04% 0.1893 342.47)` | Persian Luxury Purple | white, 8.6 to 1 |
| 12 | `#9b0174` | `oklch(46.13% 0.1973 343.21)` | Persian Luxury Purple | white, 7.9 to 1 |
| 13 | `#a4017b` | `oklch(48.18% 0.2054 343.52)` | Katy Berry | white, 7.3 to 1 |
| 14 | `#ad0282` | `oklch(50.13% 0.2134 343.50)` | Blissful Berry | white, 6.7 to 1 |
| 15 | `#b60389` | `oklch(51.95% 0.2210 343.29)` | Vibrant Velvet | white, 6.2 to 1 |
| 16 | `#bd048f` | `oklch(53.59% 0.2282 342.99)` | Vibrant Velvet | white, 5.8 to 1 |
| 17 | `#c40495` | `oklch(55.02% 0.2347 342.68)` | Jealous Jellyfish | white, 5.5 to 1 |
| 18 | `#c9049b` | `oklch(56.30% 0.2409 342.14)` | Indian Lake | white, 5.2 to 1 |
| 19 | `#ce04a2` | `oklch(57.45% 0.2467 341.36)` | Perfectly Purple Place | white, 5 to 1 |
| 20 | `#d304a8` | `oklch(58.46% 0.2523 340.37)` | Perfectly Purple Place | white, 4.8 to 1 |
| 21 | `#d604af` | `oklch(59.35% 0.2576 339.19)` | Magentella | white, 4.6 to 1 |
| 22 | `#d903b5` | `oklch(60.11% 0.2626 337.85)` | Magentella | black, 4.6 to 1 |
| 23 | `#da03bc` | `oklch(60.76% 0.2673 336.38)` | Magentella | black, 4.7 to 1 |
| 24 | `#dc03c3` | `oklch(61.30% 0.2718 334.80)` | Passionate Pink | black, 4.8 to 1 |
| 25 | `#dc03c9` | `oklch(61.70% 0.2760 333.02)` | Passionate Pink | black, 4.8 to 1 |
| 26 | `#da03d1` | `oklch(61.90% 0.2800 330.82)` | Fúchsia Intenso | black, 4.9 to 1 |
| 27 | `#d803d8` | `oklch(61.94% 0.2839 328.33)` | Drunk-Tank Pink | black, 4.9 to 1 |
| 28 | `#d503df` | `oklch(61.87% 0.2874 325.74)` | Demonic Purple | black, 4.8 to 1 |
| 29 | `#d103e6` | `oklch(61.74% 0.2906 323.19)` | Fungal Hallucinations | black, 4.8 to 1 |
| 30 | `#cd03ec` | `oklch(61.59% 0.2934 320.86)` | Trippy Velvet | black, 4.8 to 1 |
| 31 | `#ca03f1` | `oklch(61.47% 0.2958 318.90)` | Hot Purple | black, 4.7 to 1 |
| 32 | `#c803f4` | `oklch(61.42% 0.2976 317.49)` | Hot Purple | black, 4.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #2b004a 0.0%, #30004e 3.2%, #380052 6.5%, #420156 9.7%, #4e0159 12.9%, #5a015c 16.1%, #67015f 19.4%, #720062 22.6%, #7d0065 25.8%, #870069 29.0%, #91006e 32.3%, #9b0174 35.5%, #a4017b 38.7%, #ad0282 41.9%, #b60389 45.2%, #bd048f 48.4%, #c40495 51.6%, #c9049b 54.8%, #ce04a2 58.1%, #d304a8 61.3%, #d604af 64.5%, #d903b5 67.7%, #da03bc 71.0%, #dc03c3 74.2%, #dc03c9 77.4%, #da03d1 80.6%, #d803d8 83.9%, #d503df 87.1%, #d103e6 90.3%, #cd03ec 93.5%, #ca03f1 96.8%, #c803f4 100.0%);
background: linear-gradient(90deg in oklch, oklch(23.27% 0.1217 303.68) 0.0%, oklch(24.55% 0.1263 306.74) 3.2%, oklch(26.28% 0.1317 311.03) 6.5%, oklch(28.36% 0.1378 316.12) 9.7%, oklch(30.66% 0.1446 321.62) 12.9%, oklch(33.07% 0.1519 327.10) 16.1%, oklch(35.49% 0.1594 332.13) 19.4%, oklch(37.79% 0.1669 336.31) 22.6%, oklch(39.88% 0.1739 339.23) 25.8%, oklch(41.95% 0.1813 341.19) 29.0%, oklch(44.04% 0.1893 342.47) 32.3%, oklch(46.13% 0.1973 343.21) 35.5%, oklch(48.18% 0.2054 343.52) 38.7%, oklch(50.13% 0.2134 343.50) 41.9%, oklch(51.95% 0.2210 343.29) 45.2%, oklch(53.59% 0.2282 342.99) 48.4%, oklch(55.02% 0.2347 342.68) 51.6%, oklch(56.30% 0.2409 342.14) 54.8%, oklch(57.45% 0.2467 341.36) 58.1%, oklch(58.46% 0.2523 340.37) 61.3%, oklch(59.35% 0.2576 339.19) 64.5%, oklch(60.11% 0.2626 337.85) 67.7%, oklch(60.76% 0.2673 336.38) 71.0%, oklch(61.30% 0.2718 334.80) 74.2%, oklch(61.70% 0.2760 333.02) 77.4%, oklch(61.90% 0.2800 330.82) 80.6%, oklch(61.94% 0.2839 328.33) 83.9%, oklch(61.87% 0.2874 325.74) 87.1%, oklch(61.74% 0.2906 323.19) 90.3%, oklch(61.59% 0.2934 320.86) 93.5%, oklch(61.47% 0.2958 318.90) 96.8%, oklch(61.42% 0.2976 317.49) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.232 | 0.123 | 303.8 |
| 2 | 0.394 | 0.172 | 338.6 |
| 3 | 0.543 | 0.231 | 342.8 |
| 4 | 0.614 | 0.273 | 334.4 |
| 5 | 0.614 | 0.298 | 317.5 |

## In these collections

- [Purple gradients](https://grabient.com/purple-gradients)
- [Galaxy gradients](https://grabient.com/galaxy-gradients)
- [Synthwave gradients](https://grabient.com/synthwave-gradients)

## Other forms

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