# Magenta Polar Glow

Navy, purple, pink and teal linear gradient with 32 colors: #03081e, #070b26, #0f0e31, #1a113e, #29144b, #391757, #4c1961, #5e1c6a, #701f72, #832178, #99247d, #b02780, #c52b83, #d83189, #e73a94, #f045a8, #ef54c5, #df6aef, #b990ff, #95aaff, #6bbcff, #00caf5, #00cdd6, #13c9bd, #2dbcab, #27a89d, #148f8f, #00747f, #00596d, #05415a, #072e48, #07213b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, purple, pink and teal linear gradient
- Seed: `kWJSO9sjZG9ZRwlfLiznxVHo`
- Page: https://grabient.com/kWJSO9sjZG9ZRwlfLiznxVHo?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, vivid, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 10.1 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 | `#03081e` | `oklch(14.57% 0.0482 266.48)` | Melanophobia | white, 19.8 to 1 |
| 2 | `#070b26` | `oklch(16.53% 0.0565 271.51)` | Void | white, 19.3 to 1 |
| 3 | `#0f0e31` | `oklch(19.12% 0.0677 278.52)` | Spanish Roast | white, 18.6 to 1 |
| 4 | `#1a113e` | `oklch(22.20% 0.0810 286.88)` | Shadow Planet | white, 17.5 to 1 |
| 5 | `#29144b` | `oklch(25.64% 0.0957 295.97)` | Oily Purple | white, 16.1 to 1 |
| 6 | `#391757` | `oklch(29.30% 0.1109 305.15)` | Fabric of Space | white, 14.6 to 1 |
| 7 | `#4c1961` | `oklch(33.04% 0.1258 313.78)` | Fading Horizon | white, 12.9 to 1 |
| 8 | `#5e1c6a` | `oklch(36.72% 0.1396 321.23)` | Violethargic | white, 11.3 to 1 |
| 9 | `#701f72` | `oklch(40.24% 0.1517 326.99)` | Pure Purple | white, 9.9 to 1 |
| 10 | `#832178` | `oklch(43.97% 0.1643 333.09)` | Noble Plum | white, 8.5 to 1 |
| 11 | `#99247d` | `oklch(47.98% 0.1778 339.75)` | Haunted Purple | white, 7.2 to 1 |
| 12 | `#b02780` | `oklch(52.09% 0.1912 346.07)` | Festival Fuchsia | white, 6.1 to 1 |
| 13 | `#c52b83` | `oklch(56.16% 0.2036 351.13)` | Magenta Dye | white, 5.1 to 1 |
| 14 | `#d83189` | `oklch(60.02% 0.2139 354.02)` | Dark Princess Pink | black, 4.7 to 1 |
| 15 | `#e73a94` | `oklch(63.51% 0.2212 353.82)` | Pinkinity | black, 5.4 to 1 |
| 16 | `#f045a8` | `oklch(66.48% 0.2247 349.62)` | Major Magenta | black, 6.1 to 1 |
| 17 | `#ef54c5` | `oklch(68.89% 0.2231 340.04)` | Kinky Pinky | black, 6.7 to 1 |
| 18 | `#df6aef` | `oklch(71.29% 0.2162 322.61)` | Pink Bonnet | black, 7.4 to 1 |
| 19 | `#b990ff` | `oklch(73.60% 0.1599 299.33)` | Liliac | black, 8.4 to 1 |
| 20 | `#95aaff` | `oklch(75.57% 0.1250 272.82)` | Widowmaker | black, 9.4 to 1 |
| 21 | `#6bbcff` | `oklch(76.98% 0.1254 245.71)` | Green Darner Tail | black, 10.2 to 1 |
| 22 | `#00caf5` | `oklch(77.59% 0.1419 220.62)` | Picnic Day Sky | black, 10.7 to 1 |
| 23 | `#00cdd6` | `oklch(77.15% 0.1312 200.17)` | Jade Glass | black, 10.7 to 1 |
| 24 | `#13c9bd` | `oklch(75.45% 0.1296 186.97)` | Exquisite Turquoise | black, 10.1 to 1 |
| 25 | `#2dbcab` | `oklch(71.98% 0.1187 182.81)` | Tealish | black, 8.9 to 1 |
| 26 | `#27a89d` | `oklch(66.32% 0.1079 185.90)` | Tropical Hideaway | black, 7.1 to 1 |
| 27 | `#148f8f` | `oklch(59.12% 0.0974 194.32)` | Forever Teal | black, 5.3 to 1 |
| 28 | `#00747f` | `oklch(51.08% 0.0874 206.20)` | Night Scape | white, 5.5 to 1 |
| 29 | `#00596d` | `oklch(42.90% 0.0779 219.68)` | Sea Creature | white, 7.9 to 1 |
| 30 | `#05415a` | `oklch(35.25% 0.0700 232.79)` | Maniac Mansion | white, 11 to 1 |
| 31 | `#072e48` | `oklch(28.86% 0.0632 243.75)` | Crow Black Blue | white, 14.1 to 1 |
| 32 | `#07213b` | `oklch(24.41% 0.0579 250.63)` | Midnight Mirage | white, 16.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #03081e 0.0%, #070b26 3.2%, #0f0e31 6.5%, #1a113e 9.7%, #29144b 12.9%, #391757 16.1%, #4c1961 19.4%, #5e1c6a 22.6%, #701f72 25.8%, #832178 29.0%, #99247d 32.3%, #b02780 35.5%, #c52b83 38.7%, #d83189 41.9%, #e73a94 45.2%, #f045a8 48.4%, #ef54c5 51.6%, #df6aef 54.8%, #b990ff 58.1%, #95aaff 61.3%, #6bbcff 64.5%, #00caf5 67.7%, #00cdd6 71.0%, #13c9bd 74.2%, #2dbcab 77.4%, #27a89d 80.6%, #148f8f 83.9%, #00747f 87.1%, #00596d 90.3%, #05415a 93.5%, #072e48 96.8%, #07213b 100.0%);
background: linear-gradient(135deg in oklch, oklch(14.57% 0.0482 266.48) 0.0%, oklch(16.53% 0.0565 271.51) 3.2%, oklch(19.12% 0.0677 278.52) 6.5%, oklch(22.20% 0.0810 286.88) 9.7%, oklch(25.64% 0.0957 295.97) 12.9%, oklch(29.30% 0.1109 305.15) 16.1%, oklch(33.04% 0.1258 313.78) 19.4%, oklch(36.72% 0.1396 321.23) 22.6%, oklch(40.24% 0.1517 326.99) 25.8%, oklch(43.97% 0.1643 333.09) 29.0%, oklch(47.98% 0.1778 339.75) 32.3%, oklch(52.09% 0.1912 346.07) 35.5%, oklch(56.16% 0.2036 351.13) 38.7%, oklch(60.02% 0.2139 354.02) 41.9%, oklch(63.51% 0.2212 353.82) 45.2%, oklch(66.48% 0.2247 349.62) 48.4%, oklch(68.89% 0.2231 340.04) 51.6%, oklch(71.29% 0.2162 322.61) 54.8%, oklch(73.60% 0.1599 299.33) 58.1%, oklch(75.57% 0.1250 272.82) 61.3%, oklch(76.98% 0.1254 245.71) 64.5%, oklch(77.59% 0.1419 220.62) 67.7%, oklch(77.15% 0.1312 200.17) 71.0%, oklch(75.45% 0.1296 186.97) 74.2%, oklch(71.98% 0.1187 182.81) 77.4%, oklch(66.32% 0.1079 185.90) 80.6%, oklch(59.12% 0.0974 194.32) 83.9%, oklch(51.08% 0.0874 206.20) 87.1%, oklch(42.90% 0.0779 219.68) 90.3%, oklch(35.25% 0.0700 232.79) 93.5%, oklch(28.86% 0.0632 243.75) 96.8%, oklch(24.41% 0.0579 250.63) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.146 | 0.048 | 266.5 |
| 2 | 0.394 | 0.149 | 325.7 |
| 3 | 0.677 | 0.225 | 345.7 |
| 4 | 0.748 | 0.127 | 185.1 |
| 5 | 0.244 | 0.058 | 250.6 |

## In these collections

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

## Other forms

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