# Magenta navy diagonal beam

Vivid purple, pink and lavender linear gradient with 40 colors: #e65eab, #d758a8, #c050a3, #a6479a, #8a3c8e, #6f3280, #562871, #421f62, #341756, #2b124f, #29104e, #2f1155, #3c1462, #4f1a74, #682086, #862697, #a42ba5, #c12fad, #d832b0, #e634af, #e734aa, #dd32a0, #c92d92, #b02881, #94226f, #781d5e, #5f184d, #4b153f, #3c1336, #351432, #361936, #3d2240, #482e51, #573e67, #675081, #78649d, #8778ba, #948bd5, #9e9bec, #a4a7fb. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid purple, pink and lavender linear gradient
- Seed: `kWrIj3oCa51HXRagmL44Ku6I`
- Page: https://grabient.com/kWrIj3oCa51HXRagmL44Ku6I?steps=40&angle=45
- Drawn as: linear gradient, 40 steps, 45 degrees
- Kinds: dark center, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#e65eab` | `oklch(67.72% 0.1874 348.05)` | Fugitive Flamingo | black, 6.5 to 1 |
| 2 | `#d758a8` | `oklch(64.73% 0.1814 344.40)` | Orion | black, 5.8 to 1 |
| 3 | `#c050a3` | `oklch(60.39% 0.1724 339.10)` | Rose Violet | black, 4.9 to 1 |
| 4 | `#a6479a` | `oklch(55.10% 0.1613 332.64)` | Aged Purple | white, 5.2 to 1 |
| 5 | `#8a3c8e` | `oklch(49.26% 0.1492 325.52)` | Dahlia | white, 6.7 to 1 |
| 6 | `#6f3280` | `oklch(43.28% 0.1369 318.21)` | Maximum Purple | white, 8.6 to 1 |
| 7 | `#562871` | `oklch(37.55% 0.1254 311.23)` | Purple Seduction | white, 10.8 to 1 |
| 8 | `#421f62` | `oklch(32.48% 0.1157 305.05)` | Fading Horizon | white, 13.1 to 1 |
| 9 | `#341756` | `oklch(28.47% 0.1088 300.18)` | Fabric of Space | white, 14.9 to 1 |
| 10 | `#2b124f` | `oklch(25.91% 0.1055 297.10)` | Oily Purple | white, 16.1 to 1 |
| 11 | `#29104e` | `oklch(25.23% 0.1070 296.31)` | Oily Purple | white, 16.4 to 1 |
| 12 | `#2f1155` | `oklch(26.78% 0.1150 298.06)` | Vanishing | white, 15.8 to 1 |
| 13 | `#3c1462` | `oklch(30.22% 0.1285 301.93)` | Wicked Purple | white, 14.2 to 1 |
| 14 | `#4f1a74` | `oklch(35.02% 0.1461 307.38)` | Velvet Vortex | white, 12.1 to 1 |
| 15 | `#682086` | `oklch(40.69% 0.1659 313.89)` | Sapphire Siren | white, 9.7 to 1 |
| 16 | `#862697` | `oklch(46.70% 0.1862 320.93)` | Passionate Purple | white, 7.6 to 1 |
| 17 | `#a42ba5` | `oklch(52.54% 0.2055 327.96)` | Purple Tone Ink | white, 6 to 1 |
| 18 | `#c12fad` | `oklch(57.69% 0.2219 334.45)` | Pink Perennial | white, 4.9 to 1 |
| 19 | `#d832b0` | `oklch(61.63% 0.2339 339.88)` | Loudicious Pink | black, 5 to 1 |
| 20 | `#e634af` | `oklch(63.86% 0.2397 343.72)` | Pink Bite | black, 5.4 to 1 |
| 21 | `#e734aa` | `oklch(63.87% 0.2377 345.62)` | Pink Bite | black, 5.4 to 1 |
| 22 | `#dd32a0` | `oklch(61.62% 0.2279 346.43)` | Melodramatic Magenta | black, 5 to 1 |
| 23 | `#c92d92` | `oklch(57.60% 0.2118 346.40)` | Royal Fuchsia | white, 4.8 to 1 |
| 24 | `#b02881` | `oklch(52.37% 0.1912 345.64)` | Festival Fuchsia | white, 6 to 1 |
| 25 | `#94226f` | `oklch(46.45% 0.1679 344.23)` | Celestial Dragon | white, 7.6 to 1 |
| 26 | `#781d5e` | `oklch(40.39% 0.1434 342.27)` | Smooch | white, 9.8 to 1 |
| 27 | `#5f184d` | `oklch(34.73% 0.1196 339.87)` | Grape Purple | white, 12.1 to 1 |
| 28 | `#4b153f` | `oklch(30.01% 0.0982 337.10)` | Violet Carmine | white, 14.2 to 1 |
| 29 | `#3c1336` | `oklch(26.76% 0.0809 334.08)` | Nightly Voyager | white, 15.6 to 1 |
| 30 | `#351432` | `oklch(25.52% 0.0693 330.89)` | Cultist Robe | white, 16.1 to 1 |
| 31 | `#361936` | `oklch(26.69% 0.0643 327.32)` | Nightly Voyager | white, 15.5 to 1 |
| 32 | `#3d2240` | `oklch(29.93% 0.0640 322.76)` | Profound Mauve | white, 14 to 1 |
| 33 | `#482e51` | `oklch(34.78% 0.0675 317.44)` | Scarlet Gum | white, 11.7 to 1 |
| 34 | `#573e67` | `oklch(40.79% 0.0737 311.64)` | When Blue Met Red | white, 9.2 to 1 |
| 35 | `#675081` | `oklch(47.51% 0.0818 305.61)` | Virtual Violet | white, 6.9 to 1 |
| 36 | `#78649d` | `oklch(54.49% 0.0910 299.62)` | Purple Paradise | white, 5.1 to 1 |
| 37 | `#8778ba` | `oklch(61.28% 0.1003 293.95)` | Purple Hebe | black, 5.4 to 1 |
| 38 | `#948bd5` | `oklch(67.42% 0.1088 288.86)` | Adora | black, 6.9 to 1 |
| 39 | `#9e9bec` | `oklch(72.48% 0.1156 284.61)` | Cold Lips | black, 8.3 to 1 |
| 40 | `#a4a7fb` | `oklch(75.98% 0.1199 281.47)` | Shy Moment | black, 9.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #e65eab 0.0%, #d758a8 2.6%, #c050a3 5.1%, #a6479a 7.7%, #8a3c8e 10.3%, #6f3280 12.8%, #562871 15.4%, #421f62 17.9%, #341756 20.5%, #2b124f 23.1%, #29104e 25.6%, #2f1155 28.2%, #3c1462 30.8%, #4f1a74 33.3%, #682086 35.9%, #862697 38.5%, #a42ba5 41.0%, #c12fad 43.6%, #d832b0 46.2%, #e634af 48.7%, #e734aa 51.3%, #dd32a0 53.8%, #c92d92 56.4%, #b02881 59.0%, #94226f 61.5%, #781d5e 64.1%, #5f184d 66.7%, #4b153f 69.2%, #3c1336 71.8%, #351432 74.4%, #361936 76.9%, #3d2240 79.5%, #482e51 82.1%, #573e67 84.6%, #675081 87.2%, #78649d 89.7%, #8778ba 92.3%, #948bd5 94.9%, #9e9bec 97.4%, #a4a7fb 100.0%);
background: linear-gradient(45deg in oklch, oklch(67.72% 0.1874 348.05) 0.0%, oklch(64.73% 0.1814 344.40) 2.6%, oklch(60.39% 0.1724 339.10) 5.1%, oklch(55.10% 0.1613 332.64) 7.7%, oklch(49.26% 0.1492 325.52) 10.3%, oklch(43.28% 0.1369 318.21) 12.8%, oklch(37.55% 0.1254 311.23) 15.4%, oklch(32.48% 0.1157 305.05) 17.9%, oklch(28.47% 0.1088 300.18) 20.5%, oklch(25.91% 0.1055 297.10) 23.1%, oklch(25.23% 0.1070 296.31) 25.6%, oklch(26.78% 0.1150 298.06) 28.2%, oklch(30.22% 0.1285 301.93) 30.8%, oklch(35.02% 0.1461 307.38) 33.3%, oklch(40.69% 0.1659 313.89) 35.9%, oklch(46.70% 0.1862 320.93) 38.5%, oklch(52.54% 0.2055 327.96) 41.0%, oklch(57.69% 0.2219 334.45) 43.6%, oklch(61.63% 0.2339 339.88) 46.2%, oklch(63.86% 0.2397 343.72) 48.7%, oklch(63.87% 0.2377 345.62) 51.3%, oklch(61.62% 0.2279 346.43) 53.8%, oklch(57.60% 0.2118 346.40) 56.4%, oklch(52.37% 0.1912 345.64) 59.0%, oklch(46.45% 0.1679 344.23) 61.5%, oklch(40.39% 0.1434 342.27) 64.1%, oklch(34.73% 0.1196 339.87) 66.7%, oklch(30.01% 0.0982 337.10) 69.2%, oklch(26.76% 0.0809 334.08) 71.8%, oklch(25.52% 0.0693 330.89) 74.4%, oklch(26.69% 0.0643 327.32) 76.9%, oklch(29.93% 0.0640 322.76) 79.5%, oklch(34.78% 0.0675 317.44) 82.1%, oklch(40.79% 0.0737 311.64) 84.6%, oklch(47.51% 0.0818 305.61) 87.2%, oklch(54.49% 0.0910 299.62) 89.7%, oklch(61.28% 0.1003 293.95) 92.3%, oklch(67.42% 0.1088 288.86) 94.9%, oklch(72.48% 0.1156 284.61) 97.4%, oklch(75.98% 0.1199 281.47) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.677 | 0.187 | 348 |
| 2 | 0.252 | 0.106 | 296.3 |
| 3 | 0.642 | 0.24 | 344.9 |
| 4 | 0.256 | 0.068 | 330.1 |
| 5 | 0.76 | 0.12 | 281.5 |

## In these collections

- [Vaporwave gradients](https://grabient.com/vaporwave-gradients)

## Other forms

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