# Magenta mauve navy gradient

Pink, purple and navy linear gradient with 32 colors: #e667a0, #e3649f, #df609d, #da5c9b, #d55799, #cf5197, #c94c95, #c24693, #ba4091, #b23b8f, #a8378e, #9f338c, #932f8a, #872b88, #7a2785, #6d2381, #601f7c, #531c77, #471a71, #3c186b, #331765, #2a1760, #23185a, #1b1a54, #151c4e, #0f1d48, #0b1f41, #09203b, #0a2036, #0c2031, #0e202d, #101f2a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pink, purple and navy linear gradient
- Seed: `kUrnr8QsA96Ssukdirng`
- Page: https://grabient.com/kUrnr8QsA96Ssukdirng?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light to dark, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 5.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 | `#e667a0` | `oklch(68.50% 0.1681 354.38)` | China Pink | black, 6.8 to 1 |
| 2 | `#e3649f` | `oklch(67.61% 0.1688 353.54)` | Cosmetologist’s Pink | black, 6.5 to 1 |
| 3 | `#df609d` | `oklch(66.51% 0.1701 352.63)` | Cosmetologist’s Pink | black, 6.3 to 1 |
| 4 | `#da5c9b` | `oklch(65.22% 0.1718 351.62)` | Sugar Rush | black, 5.9 to 1 |
| 5 | `#d55799` | `oklch(63.77% 0.1736 350.47)` | Crushed Berries | black, 5.6 to 1 |
| 6 | `#cf5197` | `oklch(62.19% 0.1753 349.14)` | Twinkly Pinkily | black, 5.2 to 1 |
| 7 | `#c94c95` | `oklch(60.48% 0.1769 347.59)` | Rose Violet | black, 4.9 to 1 |
| 8 | `#c24693` | `oklch(58.69% 0.1780 345.79)` | Boat Orchid | white, 4.5 to 1 |
| 9 | `#ba4091` | `oklch(56.83% 0.1785 343.69)` | Boat Orchid | white, 4.9 to 1 |
| 10 | `#b23b8f` | `oklch(54.93% 0.1783 341.27)` | Fandango | white, 5.3 to 1 |
| 11 | `#a8378e` | `oklch(53.00% 0.1770 338.48)` | Wild Aster | white, 5.8 to 1 |
| 12 | `#9f338c` | `oklch(51.01% 0.1747 335.27)` | Purple Excellency | white, 6.3 to 1 |
| 13 | `#932f8a` | `oklch(48.78% 0.1717 331.57)` | Warm Purple | white, 6.9 to 1 |
| 14 | `#872b88` | `oklch(46.35% 0.1679 327.45)` | Druchii Violet | white, 7.7 to 1 |
| 15 | `#7a2785` | `oklch(43.80% 0.1635 322.98)` | Hello Darkness My Old Friend | white, 8.5 to 1 |
| 16 | `#6d2381` | `oklch(41.19% 0.1586 318.25)` | Sapphire Siren | white, 9.5 to 1 |
| 17 | `#601f7c` | `oklch(38.60% 0.1531 313.32)` | Berry Blackmail | white, 10.5 to 1 |
| 18 | `#531c77` | `oklch(36.09% 0.1472 308.27)` | Violethargic | white, 11.6 to 1 |
| 19 | `#471a71` | `oklch(33.73% 0.1409 303.17)` | Fading Horizon | white, 12.6 to 1 |
| 20 | `#3c186b` | `oklch(31.60% 0.1342 298.10)` | Obsidian Shell | white, 13.6 to 1 |
| 21 | `#331765` | `oklch(29.77% 0.1274 293.13)` | Candied Blueberry | white, 14.4 to 1 |
| 22 | `#2a1760` | `oklch(28.29% 0.1202 288.30)` | Night Fog | white, 15 to 1 |
| 23 | `#23185a` | `oklch(27.10% 0.1118 283.16)` | Praise of Shadow | white, 15.5 to 1 |
| 24 | `#1b1a54` | `oklch(26.16% 0.1023 277.67)` | Fly-by-Night | white, 15.8 to 1 |
| 25 | `#151c4e` | `oklch(25.43% 0.0921 272.00)` | Tetsu-Kon Blue | white, 16 to 1 |
| 26 | `#0f1d48` | `oklch(24.87% 0.0814 266.28)` | Konkikyō Blue | white, 16.2 to 1 |
| 27 | `#0b1f41` | `oklch(24.45% 0.0707 260.66)` | Midnight Mirage | white, 16.3 to 1 |
| 28 | `#09203b` | `oklch(24.13% 0.0602 255.28)` | Midnight Mirage | white, 16.4 to 1 |
| 29 | `#0a2036` | `oklch(23.88% 0.0505 250.30)` | Trapped Darkness | white, 16.4 to 1 |
| 30 | `#0c2031` | `oklch(23.67% 0.0418 245.86)` | The Count’s Black | white, 16.5 to 1 |
| 31 | `#0e202d` | `oklch(23.47% 0.0345 242.11)` | The Count’s Black | white, 16.6 to 1 |
| 32 | `#101f2a` | `oklch(23.23% 0.0289 239.19)` | The Count’s Black | white, 16.7 to 1 |

## CSS

```css
background: linear-gradient(180deg, #e667a0 0.0%, #e3649f 3.2%, #df609d 6.5%, #da5c9b 9.7%, #d55799 12.9%, #cf5197 16.1%, #c94c95 19.4%, #c24693 22.6%, #ba4091 25.8%, #b23b8f 29.0%, #a8378e 32.3%, #9f338c 35.5%, #932f8a 38.7%, #872b88 41.9%, #7a2785 45.2%, #6d2381 48.4%, #601f7c 51.6%, #531c77 54.8%, #471a71 58.1%, #3c186b 61.3%, #331765 64.5%, #2a1760 67.7%, #23185a 71.0%, #1b1a54 74.2%, #151c4e 77.4%, #0f1d48 80.6%, #0b1f41 83.9%, #09203b 87.1%, #0a2036 90.3%, #0c2031 93.5%, #0e202d 96.8%, #101f2a 100.0%);
background: linear-gradient(180deg in oklch, oklch(68.50% 0.1681 354.38) 0.0%, oklch(67.61% 0.1688 353.54) 3.2%, oklch(66.51% 0.1701 352.63) 6.5%, oklch(65.22% 0.1718 351.62) 9.7%, oklch(63.77% 0.1736 350.47) 12.9%, oklch(62.19% 0.1753 349.14) 16.1%, oklch(60.48% 0.1769 347.59) 19.4%, oklch(58.69% 0.1780 345.79) 22.6%, oklch(56.83% 0.1785 343.69) 25.8%, oklch(54.93% 0.1783 341.27) 29.0%, oklch(53.00% 0.1770 338.48) 32.3%, oklch(51.01% 0.1747 335.27) 35.5%, oklch(48.78% 0.1717 331.57) 38.7%, oklch(46.35% 0.1679 327.45) 41.9%, oklch(43.80% 0.1635 322.98) 45.2%, oklch(41.19% 0.1586 318.25) 48.4%, oklch(38.60% 0.1531 313.32) 51.6%, oklch(36.09% 0.1472 308.27) 54.8%, oklch(33.73% 0.1409 303.17) 58.1%, oklch(31.60% 0.1342 298.10) 61.3%, oklch(29.77% 0.1274 293.13) 64.5%, oklch(28.29% 0.1202 288.30) 67.7%, oklch(27.10% 0.1118 283.16) 71.0%, oklch(26.16% 0.1023 277.67) 74.2%, oklch(25.43% 0.0921 272.00) 77.4%, oklch(24.87% 0.0814 266.28) 80.6%, oklch(24.45% 0.0707 260.66) 83.9%, oklch(24.13% 0.0602 255.28) 87.1%, oklch(23.88% 0.0505 250.30) 90.3%, oklch(23.67% 0.0418 245.86) 93.5%, oklch(23.47% 0.0345 242.11) 96.8%, oklch(23.23% 0.0289 239.19) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.685 | 0.168 | 354.4 |
| 2 | 0.524 | 0.176 | 337.5 |
| 3 | 0.287 | 0.123 | 289.9 |
| 4 | 0.232 | 0.029 | 239.2 |

## In these collections

- [Backstage powder chrome](https://grabient.com/backstage-powder-chrome)

## Other forms

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