# Ultraviolet Pink Orange Night

Navy, purple, pink and salmon linear gradient with 32 colors: #090622, #0b0727, #0e082e, #120937, #170b41, #1d0c4c, #230e58, #2a1064, #311271, #3a1480, #441691, #4f19a4, #5c1bb6, #691ec8, #7620d8, #8522e3, #9423ea, #a424ed, #b526eb, #c627e6, #d529de, #e42bd3, #f12dc6, #fb30b9, #ff40a9, #ff4f98, #ff5988, #ff5f78, #ff6368, #ff6658, #ff6948, #ff6b3b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, purple, pink and salmon linear gradient
- Seed: `kWJirJJbTAsRfQXWXkVWcZF4`
- Page: https://grabient.com/kWJirJJbTAsRfQXWXkVWcZF4?steps=32&angle=54
- Drawn as: linear gradient, 32 steps, 54 degrees
- Kinds: dark to light, vivid, neon
- Hues: wide
- Contrast of its darkest and lightest colors: 6.9 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 | `#090622` | `oklch(14.96% 0.0579 282.66)` | Mysterious Depths | white, 19.8 to 1 |
| 2 | `#0b0727` | `oklch(16.06% 0.0646 283.12)` | Mysterious Depths | white, 19.5 to 1 |
| 3 | `#0e082e` | `oklch(17.45% 0.0734 283.69)` | Cosmic Void | white, 19.2 to 1 |
| 4 | `#120937` | `oklch(19.11% 0.0838 284.36)` | Congressional Navy | white, 18.7 to 1 |
| 5 | `#170b41` | `oklch(20.99% 0.0955 285.14)` | Deadly Depths | white, 18.1 to 1 |
| 6 | `#1d0c4c` | `oklch(23.07% 0.1081 286.02)` | Indigo Sloth | white, 17.3 to 1 |
| 7 | `#230e58` | `oklch(25.31% 0.1213 287.01)` | Praise of Shadow | white, 16.4 to 1 |
| 8 | `#2a1064` | `oklch(27.68% 0.1347 288.11)` | Nebula Night | white, 15.4 to 1 |
| 9 | `#311271` | `oklch(30.16% 0.1481 289.29)` | Persian Indigo | white, 14.4 to 1 |
| 10 | `#3a1480` | `oklch(32.97% 0.1632 290.33)` | Pixie Powder | white, 13.1 to 1 |
| 11 | `#441691` | `oklch(36.10% 0.1801 291.24)` | Pitch Violet | white, 11.8 to 1 |
| 12 | `#4f19a4` | `oklch(39.43% 0.1978 292.19)` | Aubergine Perl | white, 10.4 to 1 |
| 13 | `#5c1bb6` | `oklch(42.84% 0.2154 293.37)` | Rabbit-Ear Iris | white, 9.1 to 1 |
| 14 | `#691ec8` | `oklch(46.19% 0.2318 294.94)` | Crown Chakra | white, 8 to 1 |
| 15 | `#7620d8` | `oklch(49.37% 0.2462 297.07)` | Voluptuous Violet | white, 7 to 1 |
| 16 | `#8522e3` | `oklch(52.25% 0.2576 299.92)` | Purple Protest | white, 6.2 to 1 |
| 17 | `#9423ea` | `oklch(54.76% 0.2651 303.67)` | Violet | white, 5.6 to 1 |
| 18 | `#a424ed` | `oklch(57.08% 0.2698 308.33)` | Singapore Orchid | white, 5.1 to 1 |
| 19 | `#b526eb` | `oklch(59.25% 0.2720 313.73)` | Promiscuous Pink | white, 4.7 to 1 |
| 20 | `#c627e6` | `oklch(61.25% 0.2723 319.68)` | Shades of Rhodonite | black, 4.8 to 1 |
| 21 | `#d529de` | `oklch(63.08% 0.2708 326.02)` | Demonic Purple | black, 5.2 to 1 |
| 22 | `#e42bd3` | `oklch(64.73% 0.2681 332.56)` | Méi Gūi Zǐ Purple | black, 5.5 to 1 |
| 23 | `#f12dc6` | `oklch(66.19% 0.2644 339.13)` | Kriss Me Not Fuchsia | black, 5.9 to 1 |
| 24 | `#fb30b9` | `oklch(67.44% 0.2602 345.56)` | Spicy Pink | black, 6.2 to 1 |
| 25 | `#ff40a9` | `oklch(68.44% 0.2414 352.03)` | Artificial Strawberry | black, 6.5 to 1 |
| 26 | `#ff4f98` | `oklch(69.16% 0.2189 359.21)` | Fuchsia Fever | black, 6.8 to 1 |
| 27 | `#ff5988` | `oklch(69.65% 0.2037 6.79)` | Stellar Strawberry | black, 7 to 1 |
| 28 | `#ff5f78` | `oklch(69.95% 0.1945 14.39)` | Watermelon Candy | black, 7.1 to 1 |
| 29 | `#ff6368` | `oklch(70.13% 0.1901 21.65)` | Fusion Red | black, 7.2 to 1 |
| 30 | `#ff6658` | `oklch(70.24% 0.1891 28.22)` | Pickled Salmon | black, 7.3 to 1 |
| 31 | `#ff6948` | `oklch(70.33% 0.1901 33.74)` | Blistering Mars | black, 7.3 to 1 |
| 32 | `#ff6b3b` | `oklch(70.47% 0.1914 37.84)` | Smashed Pumpkin | black, 7.4 to 1 |

## CSS

```css
background: linear-gradient(54deg, #090622 0.0%, #0b0727 3.2%, #0e082e 6.5%, #120937 9.7%, #170b41 12.9%, #1d0c4c 16.1%, #230e58 19.4%, #2a1064 22.6%, #311271 25.8%, #3a1480 29.0%, #441691 32.3%, #4f19a4 35.5%, #5c1bb6 38.7%, #691ec8 41.9%, #7620d8 45.2%, #8522e3 48.4%, #9423ea 51.6%, #a424ed 54.8%, #b526eb 58.1%, #c627e6 61.3%, #d529de 64.5%, #e42bd3 67.7%, #f12dc6 71.0%, #fb30b9 74.2%, #ff40a9 77.4%, #ff4f98 80.6%, #ff5988 83.9%, #ff5f78 87.1%, #ff6368 90.3%, #ff6658 93.5%, #ff6948 96.8%, #ff6b3b 100.0%);
background: linear-gradient(54deg in oklch, oklch(14.96% 0.0579 282.66) 0.0%, oklch(16.06% 0.0646 283.12) 3.2%, oklch(17.45% 0.0734 283.69) 6.5%, oklch(19.11% 0.0838 284.36) 9.7%, oklch(20.99% 0.0955 285.14) 12.9%, oklch(23.07% 0.1081 286.02) 16.1%, oklch(25.31% 0.1213 287.01) 19.4%, oklch(27.68% 0.1347 288.11) 22.6%, oklch(30.16% 0.1481 289.29) 25.8%, oklch(32.97% 0.1632 290.33) 29.0%, oklch(36.10% 0.1801 291.24) 32.3%, oklch(39.43% 0.1978 292.19) 35.5%, oklch(42.84% 0.2154 293.37) 38.7%, oklch(46.19% 0.2318 294.94) 41.9%, oklch(49.37% 0.2462 297.07) 45.2%, oklch(52.25% 0.2576 299.92) 48.4%, oklch(54.76% 0.2651 303.67) 51.6%, oklch(57.08% 0.2698 308.33) 54.8%, oklch(59.25% 0.2720 313.73) 58.1%, oklch(61.25% 0.2723 319.68) 61.3%, oklch(63.08% 0.2708 326.02) 64.5%, oklch(64.73% 0.2681 332.56) 67.7%, oklch(66.19% 0.2644 339.13) 71.0%, oklch(67.44% 0.2602 345.56) 74.2%, oklch(68.44% 0.2414 352.03) 77.4%, oklch(69.16% 0.2189 359.21) 80.6%, oklch(69.65% 0.2037 6.79) 83.9%, oklch(69.95% 0.1945 14.39) 87.1%, oklch(70.13% 0.1901 21.65) 90.3%, oklch(70.24% 0.1891 28.22) 93.5%, oklch(70.33% 0.1901 33.74) 96.8%, oklch(70.47% 0.1914 37.84) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.15 | 0.058 | 282.7 |
| 2 | 0.295 | 0.145 | 289 |
| 3 | 0.535 | 0.262 | 301.7 |
| 4 | 0.677 | 0.259 | 347.1 |
| 5 | 0.705 | 0.193 | 397.8 |

## In these collections

- [Neon gradients](https://grabient.com/neon-gradients)

## Other forms

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