# Indigo, violet and blush neon palette

The Indigo, violet and blush neon palette brings together blue, purple, and light magenta. The colors span a moderate lightness range, combining strong color with clear contrast. Its balanced and composed character suits game interface concepts and stream graphics. Its darkest tone is blue, and its lightest tone is light magenta.

- Also called: Analogous blue, purple and pink linear gradient
- Seed: `kUaGK-QsdBFPIxJms0Ng`
- Page: https://grabient.com/kUaGK-QsdBFPIxJms0Ng?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.7 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 | `#2a4292` | `oklch(40.94% 0.1350 267.19)` | Blue Oblivion | white, 9.1 to 1 |
| 2 | `#2b4496` | `oklch(41.59% 0.1388 267.61)` | Cascade Twilight | white, 8.8 to 1 |
| 3 | `#2d459c` | `oklch(42.41% 0.1438 267.98)` | Cascade Twilight | white, 8.6 to 1 |
| 4 | `#2f47a2` | `oklch(43.37% 0.1499 268.37)` | Sea of Tears | white, 8.2 to 1 |
| 5 | `#3149a9` | `oklch(44.44% 0.1567 268.82)` | Night in Manchester | white, 7.9 to 1 |
| 6 | `#344bb1` | `oklch(45.61% 0.1639 269.39)` | Night in Manchester | white, 7.5 to 1 |
| 7 | `#384db8` | `oklch(46.85% 0.1711 270.13)` | Night in Manchester | white, 7.2 to 1 |
| 8 | `#3c4fc0` | `oklch(48.13% 0.1782 271.11)` | Kikorangi Blue | white, 6.8 to 1 |
| 9 | `#4251c8` | `oklch(49.43% 0.1846 272.36)` | Gorgonzola Blue | white, 6.5 to 1 |
| 10 | `#4852cf` | `oklch(50.71% 0.1902 273.95)` | Gorgonzola Blue | white, 6.1 to 1 |
| 11 | `#5054d5` | `oklch(51.96% 0.1945 275.94)` | Warm Blue | white, 5.8 to 1 |
| 12 | `#5855da` | `oklch(53.17% 0.1977 278.40)` | Majorelle Blue | white, 5.6 to 1 |
| 13 | `#6256df` | `oklch(54.39% 0.2002 281.43)` | Majorelle Blue | white, 5.3 to 1 |
| 14 | `#6d57e2` | `oklch(55.64% 0.2023 284.92)` | Candy Grape Fizz | white, 5.1 to 1 |
| 15 | `#7858e5` | `oklch(56.90% 0.2039 288.77)` | Candy Grape Fizz | white, 4.8 to 1 |
| 16 | `#8358e6` | `oklch(58.19% 0.2049 292.88)` | Gloomy Purple | white, 4.6 to 1 |
| 17 | `#8f59e7` | `oklch(59.49% 0.2054 297.13)` | Lavender Indigo | black, 4.7 to 1 |
| 18 | `#9a5ae7` | `oklch(60.80% 0.2053 301.42)` | Navy Genesis Evangelion | black, 5 to 1 |
| 19 | `#a55ce6` | `oklch(62.13% 0.2046 305.65)` | Lightish Purple | black, 5.2 to 1 |
| 20 | `#af5ee5` | `oklch(63.48% 0.2033 309.71)` | Light Shōtoku Purple | black, 5.5 to 1 |
| 21 | `#b960e3` | `oklch(64.84% 0.2014 313.49)` | Medium Orchid | black, 5.8 to 1 |
| 22 | `#c264e2` | `oklch(66.21% 0.1988 316.91)` | Blueberry Glaze | black, 6.1 to 1 |
| 23 | `#cb68e0` | `oklch(67.71% 0.1948 320.30)` | Sensual Fumes | black, 6.5 to 1 |
| 24 | `#d36dde` | `oklch(69.31% 0.1895 323.71)` | Sensual Fumes | black, 7 to 1 |
| 25 | `#db72dc` | `oklch(70.98% 0.1833 327.09)` | Pink Orchid | black, 7.4 to 1 |
| 26 | `#e379da` | `oklch(72.67% 0.1764 330.39)` | Hibiscus Pop | black, 7.9 to 1 |
| 27 | `#ea7fd8` | `oklch(74.34% 0.1692 333.55)` | Lavender Magenta | black, 8.5 to 1 |
| 28 | `#f085d7` | `oklch(75.93% 0.1621 336.52)` | Blushed Bombshell | black, 9 to 1 |
| 29 | `#f58cd6` | `oklch(77.41% 0.1553 339.24)` | Bubblegum Kisses | black, 9.5 to 1 |
| 30 | `#fa91d5` | `oklch(78.73% 0.1492 341.67)` | Bubblegum Kisses | black, 10 to 1 |
| 31 | `#fd96d4` | `oklch(79.84% 0.1442 343.73)` | Pink Condition | black, 10.4 to 1 |
| 32 | `#ff9ad4` | `oklch(80.71% 0.1382 345.38)` | Himalayan Balsam | black, 10.8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #2a4292 0.0%, #2b4496 3.2%, #2d459c 6.5%, #2f47a2 9.7%, #3149a9 12.9%, #344bb1 16.1%, #384db8 19.4%, #3c4fc0 22.6%, #4251c8 25.8%, #4852cf 29.0%, #5054d5 32.3%, #5855da 35.5%, #6256df 38.7%, #6d57e2 41.9%, #7858e5 45.2%, #8358e6 48.4%, #8f59e7 51.6%, #9a5ae7 54.8%, #a55ce6 58.1%, #af5ee5 61.3%, #b960e3 64.5%, #c264e2 67.7%, #cb68e0 71.0%, #d36dde 74.2%, #db72dc 77.4%, #e379da 80.6%, #ea7fd8 83.9%, #f085d7 87.1%, #f58cd6 90.3%, #fa91d5 93.5%, #fd96d4 96.8%, #ff9ad4 100.0%);
background: linear-gradient(45deg in oklch, oklch(40.94% 0.1350 267.19) 0.0%, oklch(41.59% 0.1388 267.61) 3.2%, oklch(42.41% 0.1438 267.98) 6.5%, oklch(43.37% 0.1499 268.37) 9.7%, oklch(44.44% 0.1567 268.82) 12.9%, oklch(45.61% 0.1639 269.39) 16.1%, oklch(46.85% 0.1711 270.13) 19.4%, oklch(48.13% 0.1782 271.11) 22.6%, oklch(49.43% 0.1846 272.36) 25.8%, oklch(50.71% 0.1902 273.95) 29.0%, oklch(51.96% 0.1945 275.94) 32.3%, oklch(53.17% 0.1977 278.40) 35.5%, oklch(54.39% 0.2002 281.43) 38.7%, oklch(55.64% 0.2023 284.92) 41.9%, oklch(56.90% 0.2039 288.77) 45.2%, oklch(58.19% 0.2049 292.88) 48.4%, oklch(59.49% 0.2054 297.13) 51.6%, oklch(60.80% 0.2053 301.42) 54.8%, oklch(62.13% 0.2046 305.65) 58.1%, oklch(63.48% 0.2033 309.71) 61.3%, oklch(64.84% 0.2014 313.49) 64.5%, oklch(66.21% 0.1988 316.91) 67.7%, oklch(67.71% 0.1948 320.30) 71.0%, oklch(69.31% 0.1895 323.71) 74.2%, oklch(70.98% 0.1833 327.09) 77.4%, oklch(72.67% 0.1764 330.39) 80.6%, oklch(74.34% 0.1692 333.55) 83.9%, oklch(75.93% 0.1621 336.52) 87.1%, oklch(77.41% 0.1553 339.24) 90.3%, oklch(78.73% 0.1492 341.67) 93.5%, oklch(79.84% 0.1442 343.73) 96.8%, oklch(80.71% 0.1382 345.38) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.409 | 0.135 | 267.2 |
| 2 | 0.524 | 0.196 | 276.7 |
| 3 | 0.657 | 0.2 | 315.8 |
| 4 | 0.807 | 0.141 | 345.4 |

## In these collections

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

## Other forms

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