# Magenta Cyan Aurora Halo

Navy, purple, pink and blue linear gradient with 32 colors: #161026, #1a122b, #1f1432, #25163b, #2d1944, #351c4e, #3f1e57, #492161, #54236a, #5f2572, #692879, #732a7e, #7d2c81, #892d82, #952e81, #a12f7f, #ac317d, #b5357c, #bd397e, #c43f84, #c8468f, #c94ea0, #c45ab8, #b869d2, #a57aea, #898df8, #67a0fb, #3fb0f3, #19bde3, #21c6d1, #40cbc0, #57ceb5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, purple, pink and blue linear gradient
- Seed: `kUMSDRtLTC81BwviqSwA`
- Page: https://grabient.com/kUMSDRtLTC81BwviqSwA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.5 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 | `#161026` | `oklch(19.29% 0.0441 294.61)` | Corbeau | white, 18.5 to 1 |
| 2 | `#1a122b` | `oklch(20.57% 0.0501 296.06)` | Lost in Sadness | white, 18 to 1 |
| 3 | `#1f1432` | `oklch(22.21% 0.0582 297.92)` | Blacklist | white, 17.4 to 1 |
| 4 | `#25163b` | `oklch(24.16% 0.0679 300.12)` | Prune Plum | white, 16.6 to 1 |
| 5 | `#2d1944` | `oklch(26.35% 0.0787 302.58)` | Blackcurrant | white, 15.7 to 1 |
| 6 | `#351c4e` | `oklch(28.70% 0.0902 305.25)` | Russian Violet | white, 14.7 to 1 |
| 7 | `#3f1e57` | `oklch(31.16% 0.1019 308.04)` | Plunged Into Darkness | white, 13.6 to 1 |
| 8 | `#492161` | `oklch(33.65% 0.1135 310.90)` | Fading Horizon | white, 12.5 to 1 |
| 9 | `#54236a` | `oklch(36.11% 0.1244 313.74)` | Elegant Purple Gown | white, 11.4 to 1 |
| 10 | `#5f2572` | `oklch(38.47% 0.1341 316.52)` | Violethargic | white, 10.5 to 1 |
| 11 | `#692879` | `oklch(40.66% 0.1424 319.14)` | Berry Blackmail | white, 9.6 to 1 |
| 12 | `#732a7e` | `oklch(42.67% 0.1490 321.98)` | Maximum Purple | white, 8.9 to 1 |
| 13 | `#7d2c81` | `oklch(44.63% 0.1553 326.17)` | Hello Darkness My Old Friend | white, 8.2 to 1 |
| 14 | `#892d82` | `oklch(46.57% 0.1611 331.29)` | Purple Sultan | white, 7.6 to 1 |
| 15 | `#952e81` | `oklch(48.48% 0.1664 336.83)` | Purple Excellency | white, 7 to 1 |
| 16 | `#a12f7f` | `oklch(50.37% 0.1710 342.24)` | Wild Aster | white, 6.5 to 1 |
| 17 | `#ac317d` | `oklch(52.23% 0.1750 347.01)` | Festival Fuchsia | white, 6 to 1 |
| 18 | `#b5357c` | `oklch(54.07% 0.1781 350.62)` | Fuchsia Red | white, 5.5 to 1 |
| 19 | `#bd397e` | `oklch(55.89% 0.1802 352.52)` | Pink Shadow | white, 5.1 to 1 |
| 20 | `#c43f84` | `oklch(57.68% 0.1813 352.21)` | Smitten | white, 4.7 to 1 |
| 21 | `#c8468f` | `oklch(59.46% 0.1812 349.16)` | Mulberry Yoghurt | black, 4.7 to 1 |
| 22 | `#c94ea0` | `oklch(61.22% 0.1799 342.75)` | Rose Violet | black, 5 to 1 |
| 23 | `#c45ab8` | `oklch(63.05% 0.1764 331.90)` | Mazzy Star | black, 5.4 to 1 |
| 24 | `#b869d2` | `oklch(64.95% 0.1709 317.16)` | Rich Lilac | black, 5.9 to 1 |
| 25 | `#a57aea` | `oklch(66.86% 0.1640 299.52)` | Forgotten Purple | black, 6.5 to 1 |
| 26 | `#898df8` | `oklch(68.76% 0.1561 279.96)` | Lavender Blue Shadow | black, 7.2 to 1 |
| 27 | `#67a0fb` | `oklch(70.60% 0.1476 259.47)` | Âbi Blue | black, 7.9 to 1 |
| 28 | `#3fb0f3` | `oklch(72.35% 0.1390 239.02)` | Adamantine Blue | black, 8.7 to 1 |
| 29 | `#19bde3` | `oklch(73.95% 0.1307 219.59)` | Blue Raspberry | black, 9.4 to 1 |
| 30 | `#21c6d1` | `oklch(75.38% 0.1234 202.18)` | Turquoise Surf | black, 10 to 1 |
| 31 | `#40cbc0` | `oklch(76.60% 0.1173 187.76)` | Bianchi Green | black, 10.5 to 1 |
| 32 | `#57ceb5` | `oklch(77.56% 0.1130 177.31)` | Simply Aqua | black, 10.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #161026 0.0%, #1a122b 3.2%, #1f1432 6.5%, #25163b 9.7%, #2d1944 12.9%, #351c4e 16.1%, #3f1e57 19.4%, #492161 22.6%, #54236a 25.8%, #5f2572 29.0%, #692879 32.3%, #732a7e 35.5%, #7d2c81 38.7%, #892d82 41.9%, #952e81 45.2%, #a12f7f 48.4%, #ac317d 51.6%, #b5357c 54.8%, #bd397e 58.1%, #c43f84 61.3%, #c8468f 64.5%, #c94ea0 67.7%, #c45ab8 71.0%, #b869d2 74.2%, #a57aea 77.4%, #898df8 80.6%, #67a0fb 83.9%, #3fb0f3 87.1%, #19bde3 90.3%, #21c6d1 93.5%, #40cbc0 96.8%, #57ceb5 100.0%);
background: linear-gradient(135deg in oklch, oklch(19.29% 0.0441 294.61) 0.0%, oklch(20.57% 0.0501 296.06) 3.2%, oklch(22.21% 0.0582 297.92) 6.5%, oklch(24.16% 0.0679 300.12) 9.7%, oklch(26.35% 0.0787 302.58) 12.9%, oklch(28.70% 0.0902 305.25) 16.1%, oklch(31.16% 0.1019 308.04) 19.4%, oklch(33.65% 0.1135 310.90) 22.6%, oklch(36.11% 0.1244 313.74) 25.8%, oklch(38.47% 0.1341 316.52) 29.0%, oklch(40.66% 0.1424 319.14) 32.3%, oklch(42.67% 0.1490 321.98) 35.5%, oklch(44.63% 0.1553 326.17) 38.7%, oklch(46.57% 0.1611 331.29) 41.9%, oklch(48.48% 0.1664 336.83) 45.2%, oklch(50.37% 0.1710 342.24) 48.4%, oklch(52.23% 0.1750 347.01) 51.6%, oklch(54.07% 0.1781 350.62) 54.8%, oklch(55.89% 0.1802 352.52) 58.1%, oklch(57.68% 0.1813 352.21) 61.3%, oklch(59.46% 0.1812 349.16) 64.5%, oklch(61.22% 0.1799 342.75) 67.7%, oklch(63.05% 0.1764 331.90) 71.0%, oklch(64.95% 0.1709 317.16) 74.2%, oklch(66.86% 0.1640 299.52) 77.4%, oklch(68.76% 0.1561 279.96) 80.6%, oklch(70.60% 0.1476 259.47) 83.9%, oklch(72.35% 0.1390 239.02) 87.1%, oklch(73.95% 0.1307 219.59) 90.3%, oklch(75.38% 0.1234 202.18) 93.5%, oklch(76.60% 0.1173 187.76) 96.8%, oklch(77.56% 0.1130 177.31) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.193 | 0.044 | 294.6 |
| 2 | 0.413 | 0.145 | 320 |
| 3 | 0.606 | 0.181 | 345.3 |
| 4 | 0.776 | 0.113 | 177.3 |

## In these collections

- [Aurora gradients](https://grabient.com/aurora-gradients)

## Other forms

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