# Blue violet night gradient

Vivid navy, blue and purple linear gradient with 40 colors: #1a0752, #1a0b54, #1a0f58, #1a145b, #1a195f, #191e64, #182468, #172a6d, #153072, #123677, #0f3c7b, #0a4280, #054884, #014d89, #00538c, #005790, #005c94, #005f98, #00629c, #0065a1, #0566a5, #1066a9, #1a66ac, #2465b0, #2d63b4, #3760b7, #415db9, #4a59bb, #5354bb, #5c4fbb, #6449b9, #6c44b7, #733eb3, #7a37ae, #8031a9, #862ba4, #8b259e, #8f1e98, #921893, #951290. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid navy, blue and purple linear gradient
- Seed: `kSOljJPq27jxKSe`
- Page: https://grabient.com/kSOljJPq27jxKSe?steps=40&angle=225
- Drawn as: linear gradient, 40 steps, 225 degrees
- Kinds: vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#1a0752` | `oklch(22.83% 0.1213 282.66)` | Indigo Sloth | white, 17.5 to 1 |
| 2 | `#1a0b54` | `oklch(23.61% 0.1213 281.46)` | Indigo Sloth | white, 17.2 to 1 |
| 3 | `#1a0f58` | `oklch(24.58% 0.1212 279.82)` | Space Colonisation | white, 16.7 to 1 |
| 4 | `#1a145b` | `oklch(25.72% 0.1209 277.79)` | Space Colonisation | white, 16.2 to 1 |
| 5 | `#1a195f` | `oklch(27.01% 0.1206 275.43)` | Ocean Abyss | white, 15.5 to 1 |
| 6 | `#191e64` | `oklch(28.42% 0.1202 272.82)` | Pure Midnight | white, 14.8 to 1 |
| 7 | `#182468` | `oklch(29.93% 0.1198 270.02)` | Abyssal Depths | white, 14 to 1 |
| 8 | `#172a6d` | `oklch(31.53% 0.1194 267.09)` | Blue Jinn’s | white, 13.2 to 1 |
| 9 | `#153072` | `oklch(33.18% 0.1190 264.09)` | Atlantic Navy | white, 12.4 to 1 |
| 10 | `#123677` | `oklch(34.87% 0.1186 261.09)` | Azure Dragon | white, 11.5 to 1 |
| 11 | `#0f3c7b` | `oklch(36.57% 0.1184 258.15)` | Azure Dragon | white, 10.7 to 1 |
| 12 | `#0a4280` | `oklch(38.27% 0.1182 255.35)` | Bracing Blue | white, 9.9 to 1 |
| 13 | `#054884` | `oklch(39.93% 0.1182 252.73)` | Bridgeport | white, 9.2 to 1 |
| 14 | `#014d89` | `oklch(41.54% 0.1184 250.37)` | Magnetic Blue | white, 8.6 to 1 |
| 15 | `#00538c` | `oklch(43.08% 0.1170 248.36)` | Lapis Blue | white, 8 to 1 |
| 16 | `#005790` | `oklch(44.52% 0.1163 246.70)` | Bandana | white, 7.5 to 1 |
| 17 | `#005c94` | `oklch(45.85% 0.1166 245.49)` | Jetski Race | white, 7.1 to 1 |
| 18 | `#005f98` | `oklch(47.03% 0.1178 244.79)` | Hyper Blue | white, 6.7 to 1 |
| 19 | `#00629c` | `oklch(48.04% 0.1201 244.66)` | Atlantic Mystique | white, 6.4 to 1 |
| 20 | `#0065a1` | `oklch(48.88% 0.1235 245.18)` | Prime Blue | white, 6.2 to 1 |
| 21 | `#0566a5` | `oklch(49.51% 0.1265 246.39)` | Medium Persian Blue | white, 6 to 1 |
| 22 | `#1066a9` | `oklch(49.98% 0.1292 248.42)` | Wing Commander | white, 5.9 to 1 |
| 23 | `#1a66ac` | `oklch(50.33% 0.1324 251.19)` | Barbados Blue | white, 5.9 to 1 |
| 24 | `#2465b0` | `oklch(50.55% 0.1360 254.62)` | Shukra Blue | white, 5.9 to 1 |
| 25 | `#2d63b4` | `oklch(50.65% 0.1400 258.61)` | Adventure of the Seas | white, 5.9 to 1 |
| 26 | `#3760b7` | `oklch(50.66% 0.1444 263.09)` | Adventure of the Seas | white, 5.9 to 1 |
| 27 | `#415db9` | `oklch(50.58% 0.1490 267.98)` | Chinese Bellflower | white, 6 to 1 |
| 28 | `#4a59bb` | `oklch(50.43% 0.1538 273.18)` | Chinese Bellflower | white, 6.1 to 1 |
| 29 | `#5354bb` | `oklch(50.21% 0.1587 278.62)` | Chinese Bellflower | white, 6.2 to 1 |
| 30 | `#5c4fbb` | `oklch(49.95% 0.1637 284.22)` | Swiss Plum | white, 6.3 to 1 |
| 31 | `#6449b9` | `oklch(49.65% 0.1687 289.88)` | Swiss Plum | white, 6.5 to 1 |
| 32 | `#6c44b7` | `oklch(49.32% 0.1736 295.53)` | Purple Rain | white, 6.6 to 1 |
| 33 | `#733eb3` | `oklch(48.98% 0.1785 301.08)` | Shredder Lavender | white, 6.8 to 1 |
| 34 | `#7a37ae` | `oklch(48.63% 0.1831 306.45)` | Shredder Lavender | white, 6.9 to 1 |
| 35 | `#8031a9` | `oklch(48.30% 0.1875 311.56)` | Pleasant Purple | white, 7.1 to 1 |
| 36 | `#862ba4` | `oklch(47.99% 0.1917 316.31)` | Pleasant Purple | white, 7.2 to 1 |
| 37 | `#8b259e` | `oklch(47.72% 0.1954 320.64)` | Passionate Purple | white, 7.3 to 1 |
| 38 | `#8f1e98` | `oklch(47.50% 0.1988 324.46)` | Passionate Purple | white, 7.4 to 1 |
| 39 | `#921893` | `oklch(47.33% 0.2016 327.67)` | Acai Juice | white, 7.5 to 1 |
| 40 | `#951290` | `oklch(47.24% 0.2039 330.21)` | Acai Juice | white, 7.6 to 1 |

## CSS

```css
background: linear-gradient(225deg, #1a0752 0.0%, #1a0b54 2.6%, #1a0f58 5.1%, #1a145b 7.7%, #1a195f 10.3%, #191e64 12.8%, #182468 15.4%, #172a6d 17.9%, #153072 20.5%, #123677 23.1%, #0f3c7b 25.6%, #0a4280 28.2%, #054884 30.8%, #014d89 33.3%, #00538c 35.9%, #005790 38.5%, #005c94 41.0%, #005f98 43.6%, #00629c 46.2%, #0065a1 48.7%, #0566a5 51.3%, #1066a9 53.8%, #1a66ac 56.4%, #2465b0 59.0%, #2d63b4 61.5%, #3760b7 64.1%, #415db9 66.7%, #4a59bb 69.2%, #5354bb 71.8%, #5c4fbb 74.4%, #6449b9 76.9%, #6c44b7 79.5%, #733eb3 82.1%, #7a37ae 84.6%, #8031a9 87.2%, #862ba4 89.7%, #8b259e 92.3%, #8f1e98 94.9%, #921893 97.4%, #951290 100.0%);
background: linear-gradient(225deg in oklch, oklch(22.83% 0.1213 282.66) 0.0%, oklch(23.61% 0.1213 281.46) 2.6%, oklch(24.58% 0.1212 279.82) 5.1%, oklch(25.72% 0.1209 277.79) 7.7%, oklch(27.01% 0.1206 275.43) 10.3%, oklch(28.42% 0.1202 272.82) 12.8%, oklch(29.93% 0.1198 270.02) 15.4%, oklch(31.53% 0.1194 267.09) 17.9%, oklch(33.18% 0.1190 264.09) 20.5%, oklch(34.87% 0.1186 261.09) 23.1%, oklch(36.57% 0.1184 258.15) 25.6%, oklch(38.27% 0.1182 255.35) 28.2%, oklch(39.93% 0.1182 252.73) 30.8%, oklch(41.54% 0.1184 250.37) 33.3%, oklch(43.08% 0.1170 248.36) 35.9%, oklch(44.52% 0.1163 246.70) 38.5%, oklch(45.85% 0.1166 245.49) 41.0%, oklch(47.03% 0.1178 244.79) 43.6%, oklch(48.04% 0.1201 244.66) 46.2%, oklch(48.88% 0.1235 245.18) 48.7%, oklch(49.51% 0.1265 246.39) 51.3%, oklch(49.98% 0.1292 248.42) 53.8%, oklch(50.33% 0.1324 251.19) 56.4%, oklch(50.55% 0.1360 254.62) 59.0%, oklch(50.65% 0.1400 258.61) 61.5%, oklch(50.66% 0.1444 263.09) 64.1%, oklch(50.58% 0.1490 267.98) 66.7%, oklch(50.43% 0.1538 273.18) 69.2%, oklch(50.21% 0.1587 278.62) 71.8%, oklch(49.95% 0.1637 284.22) 74.4%, oklch(49.65% 0.1687 289.88) 76.9%, oklch(49.32% 0.1736 295.53) 79.5%, oklch(48.98% 0.1785 301.08) 82.1%, oklch(48.63% 0.1831 306.45) 84.6%, oklch(48.30% 0.1875 311.56) 87.2%, oklch(47.99% 0.1917 316.31) 89.7%, oklch(47.72% 0.1954 320.64) 92.3%, oklch(47.50% 0.1988 324.46) 94.9%, oklch(47.33% 0.2016 327.67) 97.4%, oklch(47.24% 0.2039 330.21) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.228 | 0.121 | 282.7 |
| 2 | 0.492 | 0.125 | 245.7 |
| 3 | 0.472 | 0.204 | 330.2 |

## In these collections

- [Synthwave gradients](https://grabient.com/synthwave-gradients)

## Other forms

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