# Neon tritone blue, purple and red linear gradient

Neon tritone blue, purple and red linear gradient with 32 colors: #3d6ff6, #4470f7, #4b72f9, #5474fa, #5d76fb, #6778fc, #7077fc, #7a76fa, #8474f6, #8d71f1, #966deb, #9f6ae4, #a765dd, #ae60d6, #b65acd, #be52c2, #c54ab7, #cc41aa, #d3389c, #d92f8e, #e0267f, #e71c6e, #ec115c, #f10449, #f50036, #f70022, #f9000b, #fa1200, #fa1c00, #fb1e00, #fd1e00, #fd2100. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYlZi80MZBdBCQ7MzsSzltENDeQI`
- Page: https://grabient.com/kYlZi80MZBdBCQ7MzsSzltENDeQI?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: even lightness, vivid, neon, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 1.2 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 | `#3d6ff6` | `oklch(58.66% 0.2094 265.08)` | Hailey Blue | black, 4.8 to 1 |
| 2 | `#4470f7` | `oklch(59.21% 0.2077 266.20)` | Hailey Blue | black, 4.9 to 1 |
| 3 | `#4b72f9` | `oklch(60.02% 0.2051 267.56)` | Lightish Blue | black, 5 to 1 |
| 4 | `#5474fa` | `oklch(60.95% 0.2022 269.25)` | Blue Öyster Cult | black, 5.2 to 1 |
| 5 | `#5d76fb` | `oklch(61.90% 0.1990 271.34)` | Byzantine Night Blue | black, 5.4 to 1 |
| 6 | `#6778fc` | `oklch(62.72% 0.1960 273.92)` | Byzantine Night Blue | black, 5.6 to 1 |
| 7 | `#7077fc` | `oklch(63.31% 0.1934 277.06)` | Stargate Shimmer | black, 5.7 to 1 |
| 8 | `#7a76fa` | `oklch(63.60% 0.1909 280.86)` | Stargate Shimmer | black, 5.8 to 1 |
| 9 | `#8474f6` | `oklch(63.72% 0.1879 285.32)` | Bainganī | black, 5.8 to 1 |
| 10 | `#8d71f1` | `oklch(63.69% 0.1850 290.31)` | Bainganī | black, 5.7 to 1 |
| 11 | `#966deb` | `oklch(63.55% 0.1826 295.70)` | Matt Purple | black, 5.7 to 1 |
| 12 | `#9f6ae4` | `oklch(63.34% 0.1812 301.36)` | Violet Voltage | black, 5.6 to 1 |
| 13 | `#a765dd` | `oklch(63.09% 0.1813 307.14)` | Violet Voltage | black, 5.5 to 1 |
| 14 | `#ae60d6` | `oklch(62.80% 0.1834 313.03)` | Teldrassil Purple | black, 5.4 to 1 |
| 15 | `#b65acd` | `oklch(62.35% 0.1875 319.33)` | Love Priestess | black, 5.3 to 1 |
| 16 | `#be52c2` | `oklch(61.80% 0.1931 325.92)` | Unloaded Texture Purple | black, 5.1 to 1 |
| 17 | `#c54ab7` | `oklch(61.23% 0.1996 332.65)` | Zǐ Sè Purple | black, 5 to 1 |
| 18 | `#cc41aa` | `oklch(60.73% 0.2063 339.35)` | Krameria | black, 4.9 to 1 |
| 19 | `#d3389c` | `oklch(60.36% 0.2128 345.86)` | Lustful Wishes | black, 4.8 to 1 |
| 20 | `#d92f8e` | `oklch(60.20% 0.2186 352.12)` | Dark Princess Pink | black, 4.7 to 1 |
| 21 | `#e0267f` | `oklch(60.22% 0.2246 358.62)` | Mystic Magenta | black, 4.7 to 1 |
| 22 | `#e71c6e` | `oklch(60.37% 0.2309 5.24)` | Razzmatazz Lips | black, 4.7 to 1 |
| 23 | `#ec115c` | `oklch(60.61% 0.2370 11.64)` | Strawberry Smash | black, 4.8 to 1 |
| 24 | `#f10449` | `oklch(60.90% 0.2427 17.48)` | Pinkish Red | black, 4.8 to 1 |
| 25 | `#f50036` | `oklch(61.20% 0.2468 22.45)` | Fresh Cut | black, 4.9 to 1 |
| 26 | `#f70022` | `oklch(61.48% 0.2500 26.19)` | Cherry Red | black, 4.9 to 1 |
| 27 | `#f9000b` | `oklch(61.78% 0.2530 28.59)` | Minesweeper’s Red | black, 5 to 1 |
| 28 | `#fa1200` | `oklch(62.14% 0.2501 29.88)` | Apple Cherry | black, 5.1 to 1 |
| 29 | `#fa1c00` | `oklch(62.51% 0.2475 30.45)` | Spectacular Scarlet | black, 5.2 to 1 |
| 30 | `#fb1e00` | `oklch(62.87% 0.2479 30.58)` | Thai Hot | black, 5.3 to 1 |
| 31 | `#fd1e00` | `oklch(63.17% 0.2490 30.59)` | Thai Hot | black, 5.3 to 1 |
| 32 | `#fd2100` | `oklch(63.39% 0.2483 30.81)` | Thai Hot | black, 5.4 to 1 |

## CSS

```css
background: linear-gradient(180deg, #3d6ff6 0.0%, #4470f7 3.2%, #4b72f9 6.5%, #5474fa 9.7%, #5d76fb 12.9%, #6778fc 16.1%, #7077fc 19.4%, #7a76fa 22.6%, #8474f6 25.8%, #8d71f1 29.0%, #966deb 32.3%, #9f6ae4 35.5%, #a765dd 38.7%, #ae60d6 41.9%, #b65acd 45.2%, #be52c2 48.4%, #c54ab7 51.6%, #cc41aa 54.8%, #d3389c 58.1%, #d92f8e 61.3%, #e0267f 64.5%, #e71c6e 67.7%, #ec115c 71.0%, #f10449 74.2%, #f50036 77.4%, #f70022 80.6%, #f9000b 83.9%, #fa1200 87.1%, #fa1c00 90.3%, #fb1e00 93.5%, #fd1e00 96.8%, #fd2100 100.0%);
background: linear-gradient(180deg in oklch, oklch(58.66% 0.2094 265.08) 0.0%, oklch(59.21% 0.2077 266.20) 3.2%, oklch(60.02% 0.2051 267.56) 6.5%, oklch(60.95% 0.2022 269.25) 9.7%, oklch(61.90% 0.1990 271.34) 12.9%, oklch(62.72% 0.1960 273.92) 16.1%, oklch(63.31% 0.1934 277.06) 19.4%, oklch(63.60% 0.1909 280.86) 22.6%, oklch(63.72% 0.1879 285.32) 25.8%, oklch(63.69% 0.1850 290.31) 29.0%, oklch(63.55% 0.1826 295.70) 32.3%, oklch(63.34% 0.1812 301.36) 35.5%, oklch(63.09% 0.1813 307.14) 38.7%, oklch(62.80% 0.1834 313.03) 41.9%, oklch(62.35% 0.1875 319.33) 45.2%, oklch(61.80% 0.1931 325.92) 48.4%, oklch(61.23% 0.1996 332.65) 51.6%, oklch(60.73% 0.2063 339.35) 54.8%, oklch(60.36% 0.2128 345.86) 58.1%, oklch(60.20% 0.2186 352.12) 61.3%, oklch(60.22% 0.2246 358.62) 64.5%, oklch(60.37% 0.2309 5.24) 67.7%, oklch(60.61% 0.2370 11.64) 71.0%, oklch(60.90% 0.2427 17.48) 74.2%, oklch(61.20% 0.2468 22.45) 77.4%, oklch(61.48% 0.2500 26.19) 80.6%, oklch(61.78% 0.2530 28.59) 83.9%, oklch(62.14% 0.2501 29.88) 87.1%, oklch(62.51% 0.2475 30.45) 90.3%, oklch(62.87% 0.2479 30.58) 93.5%, oklch(63.17% 0.2490 30.59) 96.8%, oklch(63.39% 0.2483 30.81) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.587 | 0.209 | 265.1 |
| 2 | 0.634 | 0.193 | 277.8 |
| 3 | 0.63 | 0.182 | 309.5 |
| 4 | 0.602 | 0.216 | 349.6 |
| 5 | 0.614 | 0.251 | 385.5 |
| 6 | 0.634 | 0.259 | 390.8 |

## In these collections

- [GTA 6 gradients](https://grabient.com/gta-6-gradients)
- [Vivid multicolor gradients](https://grabient.com/vivid-multicolor-gradients)

## Other forms

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