# Electric magenta black fade

Purple, pink and brown linear gradient with 32 colors: #470e61, #4d1068, #551371, #60187d, #6c1c8b, #79229a, #8827ab, #972dbb, #a733cc, #b738db, #c63de9, #d541f4, #e343fc, #ed48ff, #f648ff, #fd43fb, #ff42ef, #fe3bdf, #f834c9, #ee2eb0, #e12795, #d0227a, #bc1e60, #a71c49, #901b34, #791923, #631715, #4f150b, #3c1205, #2d0e03, #210b03, #180903. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Purple, pink and brown linear gradient
- Seed: `kST2TeW-fCBSLyS`
- Page: https://grabient.com/kST2TeW-fCBSLyS?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.8 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 | `#470e61` | `oklch(31.10% 0.1378 312.19)` | Obsidian Shell | white, 13.9 to 1 |
| 2 | `#4d1068` | `oklch(32.78% 0.1439 312.72)` | Velvet Vortex | white, 13.2 to 1 |
| 3 | `#551371` | `oklch(35.08% 0.1525 313.19)` | Velvet Vortex | white, 12.1 to 1 |
| 4 | `#60187d` | `oklch(37.91% 0.1631 313.62)` | Deep Daitoku Purple | white, 10.9 to 1 |
| 5 | `#6c1c8b` | `oklch(41.15% 0.1753 314.06)` | Sapphire Siren | white, 9.6 to 1 |
| 6 | `#79229a` | `oklch(44.69% 0.1886 314.53)` | Orb of Discord | white, 8.3 to 1 |
| 7 | `#8827ab` | `oklch(48.42% 0.2026 315.07)` | Minesweeper’s Purple | white, 7.1 to 1 |
| 8 | `#972dbb` | `oklch(52.23% 0.2168 315.71)` | Purple Vanity | white, 6.1 to 1 |
| 9 | `#a733cc` | `oklch(56.00% 0.2308 316.49)` | Telemagenta | white, 5.2 to 1 |
| 10 | `#b738db` | `oklch(59.63% 0.2442 317.44)` | Eupatorium Purple | black, 4.5 to 1 |
| 11 | `#c63de9` | `oklch(63.01% 0.2565 318.60)` | Eupatorium Purple | black, 5.2 to 1 |
| 12 | `#d541f4` | `oklch(66.02% 0.2673 320.00)` | Apple II Magenta | black, 5.8 to 1 |
| 13 | `#e343fc` | `oklch(68.55% 0.2762 321.66)` | Geisha Pink | black, 6.4 to 1 |
| 14 | `#ed48ff` | `oklch(70.49% 0.2778 323.64)` | Phenomenal Pink | black, 6.9 to 1 |
| 15 | `#f648ff` | `oklch(71.73% 0.2820 325.96)` | Sicilia Bougainvillaea | black, 7.2 to 1 |
| 16 | `#fd43fb` | `oklch(72.17% 0.2865 328.65)` | Sicilia Bougainvillaea | black, 7.3 to 1 |
| 17 | `#ff42ef` | `oklch(71.68% 0.2804 331.80)` | Actinic Light | black, 7.2 to 1 |
| 18 | `#fe3bdf` | `oklch(70.22% 0.2755 335.67)` | Flamingo Diva | black, 6.8 to 1 |
| 19 | `#f834c9` | `oklch(67.91% 0.2643 340.20)` | Razzle Dazzle Rose | black, 6.3 to 1 |
| 20 | `#ee2eb0` | `oklch(64.87% 0.2501 345.28)` | Magnificent Magenta | black, 5.6 to 1 |
| 21 | `#e12795` | `oklch(61.23% 0.2334 350.79)` | Myoga Purple | black, 4.9 to 1 |
| 22 | `#d0227a` | `oklch(57.09% 0.2146 356.63)` | Prince Charming | white, 5 to 1 |
| 23 | `#bc1e60` | `oklch(52.60% 0.1943 2.68)` | Chaotic Roses | white, 5.9 to 1 |
| 24 | `#a71c49` | `oklch(47.86% 0.1731 8.83)` | Bloody Periphylla | white, 7.2 to 1 |
| 25 | `#901b34` | `oklch(43.01% 0.1514 14.98)` | Bacchic Burgundy | white, 8.7 to 1 |
| 26 | `#791923` | `oklch(38.17% 0.1298 21.00)` | Jazzy Red | white, 10.6 to 1 |
| 27 | `#631715` | `oklch(33.45% 0.1088 26.79)` | Cherrywood | white, 12.6 to 1 |
| 28 | `#4f150b` | `oklch(28.99% 0.0890 32.24)` | French Puce | white, 14.6 to 1 |
| 29 | `#3c1205` | `oklch(24.91% 0.0709 37.23)` | Red Bean | white, 16.3 to 1 |
| 30 | `#2d0e03` | `oklch(21.32% 0.0549 41.65)` | Root Brew | white, 17.8 to 1 |
| 31 | `#210b03` | `oklch(18.36% 0.0417 45.40)` | Severely Burnt Toast | white, 18.8 to 1 |
| 32 | `#180903` | `oklch(16.14% 0.0317 48.35)` | Soy Sauce | white, 19.4 to 1 |

## CSS

```css
background: linear-gradient(45deg, #470e61 0.0%, #4d1068 3.2%, #551371 6.5%, #60187d 9.7%, #6c1c8b 12.9%, #79229a 16.1%, #8827ab 19.4%, #972dbb 22.6%, #a733cc 25.8%, #b738db 29.0%, #c63de9 32.3%, #d541f4 35.5%, #e343fc 38.7%, #ed48ff 41.9%, #f648ff 45.2%, #fd43fb 48.4%, #ff42ef 51.6%, #fe3bdf 54.8%, #f834c9 58.1%, #ee2eb0 61.3%, #e12795 64.5%, #d0227a 67.7%, #bc1e60 71.0%, #a71c49 74.2%, #901b34 77.4%, #791923 80.6%, #631715 83.9%, #4f150b 87.1%, #3c1205 90.3%, #2d0e03 93.5%, #210b03 96.8%, #180903 100.0%);
background: linear-gradient(45deg in oklch, oklch(31.10% 0.1378 312.19) 0.0%, oklch(32.78% 0.1439 312.72) 3.2%, oklch(35.08% 0.1525 313.19) 6.5%, oklch(37.91% 0.1631 313.62) 9.7%, oklch(41.15% 0.1753 314.06) 12.9%, oklch(44.69% 0.1886 314.53) 16.1%, oklch(48.42% 0.2026 315.07) 19.4%, oklch(52.23% 0.2168 315.71) 22.6%, oklch(56.00% 0.2308 316.49) 25.8%, oklch(59.63% 0.2442 317.44) 29.0%, oklch(63.01% 0.2565 318.60) 32.3%, oklch(66.02% 0.2673 320.00) 35.5%, oklch(68.55% 0.2762 321.66) 38.7%, oklch(70.49% 0.2778 323.64) 41.9%, oklch(71.73% 0.2820 325.96) 45.2%, oklch(72.17% 0.2865 328.65) 48.4%, oklch(71.68% 0.2804 331.80) 51.6%, oklch(70.22% 0.2755 335.67) 54.8%, oklch(67.91% 0.2643 340.20) 58.1%, oklch(64.87% 0.2501 345.28) 61.3%, oklch(61.23% 0.2334 350.79) 64.5%, oklch(57.09% 0.2146 356.63) 67.7%, oklch(52.60% 0.1943 2.68) 71.0%, oklch(47.86% 0.1731 8.83) 74.2%, oklch(43.01% 0.1514 14.98) 77.4%, oklch(38.17% 0.1298 21.00) 80.6%, oklch(33.45% 0.1088 26.79) 83.9%, oklch(28.99% 0.0890 32.24) 87.1%, oklch(24.91% 0.0709 37.23) 90.3%, oklch(21.32% 0.0549 41.65) 93.5%, oklch(18.36% 0.0417 45.40) 96.8%, oklch(16.14% 0.0317 48.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.311 | 0.138 | 312.2 |
| 2 | 0.72 | 0.285 | 330.2 |
| 3 | 0.161 | 0.032 | 408.4 |

## In these collections

- [Day of the Dead gradients](https://grabient.com/day-of-the-dead-gradients)

## Other forms

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