# Electric Blue Current

Vivid monochrome blue and light blue linear gradient with 34 colors: #392bff, #3b33ff, #3e3bff, #4145ff, #454eff, #4957ff, #4b60ff, #4c6aff, #4d73ff, #4d7eff, #4d88ff, #4e91ff, #509aff, #51a1ff, #52a7ff, #50adff, #4eb3ff, #4bb8ff, #47bcff, #44beff, #41bfff, #3fbeff, #3dbcff, #3bb8ff, #3ab3ff, #38aeff, #36a8ff, #33a2ff, #309aff, #2e91ff, #2f87ff, #327dff, #3674ff, #396dfe. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid monochrome blue and light blue linear gradient
- Seed: `kYfdDBSlM_1m5PfhM73WbvBUrRQg`
- Page: https://grabient.com/kYfdDBSlM_1m5PfhM73WbvBUrRQg?steps=34&angle=15
- Drawn as: linear gradient, 34 steps, 15 degrees
- Kinds: vivid, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.4 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 | `#392bff` | `oklch(49.21% 0.2866 271.41)` | System Shock Blue | white, 7 to 1 |
| 2 | `#3b33ff` | `oklch(50.06% 0.2811 271.46)` | System Shock Blue | white, 6.7 to 1 |
| 3 | `#3e3bff` | `oklch(51.19% 0.2738 271.67)` | Ultra Indigo | white, 6.4 to 1 |
| 4 | `#4145ff` | `oklch(52.54% 0.2650 271.89)` | Pretentious Peacock | white, 5.9 to 1 |
| 5 | `#454eff` | `oklch(54.05% 0.2553 271.96)` | Siniy Blue | white, 5.5 to 1 |
| 6 | `#4957ff` | `oklch(55.65% 0.2448 271.73)` | Hooloovoo Blue | white, 5.1 to 1 |
| 7 | `#4b60ff` | `oklch(57.29% 0.2341 271.05)` | Blue Titmouse | white, 4.7 to 1 |
| 8 | `#4c6aff` | `oklch(58.93% 0.2234 269.75)` | Blue Heath Butterfly | black, 4.7 to 1 |
| 9 | `#4d73ff` | `oklch(60.76% 0.2117 267.82)` | Lightish Blue | black, 5.2 to 1 |
| 10 | `#4d7eff` | `oklch(62.74% 0.1996 265.41)` | C64 NTSC | black, 5.7 to 1 |
| 11 | `#4d88ff` | `oklch(64.77% 0.1877 262.67)` | Skinny Jeans | black, 6.2 to 1 |
| 12 | `#4e91ff` | `oklch(66.75% 0.1767 259.74)` | Polar Glow | black, 6.8 to 1 |
| 13 | `#509aff` | `oklch(68.59% 0.1669 256.79)` | Blue Chaos | black, 7.3 to 1 |
| 14 | `#51a1ff` | `oklch(70.19% 0.1585 253.98)` | Blue Chaos | black, 7.8 to 1 |
| 15 | `#52a7ff` | `oklch(71.56% 0.1524 251.12)` | Âbi Blue | black, 8.3 to 1 |
| 16 | `#50adff` | `oklch(72.86% 0.1479 247.82)` | Joust Blue | black, 8.7 to 1 |
| 17 | `#4eb3ff` | `oklch(74.03% 0.1445 244.36)` | Tiān Lán Sky | black, 9.2 to 1 |
| 18 | `#4bb8ff` | `oklch(75.03% 0.1421 241.07)` | Glitter Lake | black, 9.5 to 1 |
| 19 | `#47bcff` | `oklch(75.79% 0.1409 238.27)` | Glitter Lake | black, 9.8 to 1 |
| 20 | `#44beff` | `oklch(76.26% 0.1408 236.27)` | Glitter Lake | black, 10 to 1 |
| 21 | `#41bfff` | `oklch(76.37% 0.1414 235.40)` | Megaman | black, 10.1 to 1 |
| 22 | `#3fbeff` | `oklch(76.10% 0.1427 235.70)` | Megaman | black, 10 to 1 |
| 23 | `#3dbcff` | `oklch(75.50% 0.1447 236.92)` | Glitter Lake | black, 9.8 to 1 |
| 24 | `#3bb8ff` | `oklch(74.63% 0.1475 238.82)` | Glitter Lake | black, 9.4 to 1 |
| 25 | `#3ab3ff` | `oklch(73.55% 0.1512 241.16)` | Adamantine Blue | black, 9.1 to 1 |
| 26 | `#38aeff` | `oklch(72.32% 0.1558 243.69)` | Fantasy Console Sky | black, 8.6 to 1 |
| 27 | `#36a8ff` | `oklch(71.01% 0.1611 246.17)` | Xed | black, 8.2 to 1 |
| 28 | `#33a2ff` | `oklch(69.58% 0.1674 248.56)` | Xed | black, 7.7 to 1 |
| 29 | `#309aff` | `oklch(67.76% 0.1759 251.41)` | Brilliant Azure | black, 7.2 to 1 |
| 30 | `#2e91ff` | `oklch(65.69% 0.1861 254.56)` | Clear Chill | black, 6.6 to 1 |
| 31 | `#2f87ff` | `oklch(63.56% 0.1971 257.76)` | Pool Water | black, 6 to 1 |
| 32 | `#327dff` | `oklch(61.56% 0.2080 260.74)` | Ceruleite | black, 5.4 to 1 |
| 33 | `#3674ff` | `oklch(59.86% 0.2171 263.26)` | Hailey Blue | black, 5 to 1 |
| 34 | `#396dfe` | `oklch(58.66% 0.2232 265.07)` | Blue Titmouse | black, 4.7 to 1 |

## CSS

```css
background: linear-gradient(15deg, #392bff 0.0%, #3b33ff 3.0%, #3e3bff 6.1%, #4145ff 9.1%, #454eff 12.1%, #4957ff 15.2%, #4b60ff 18.2%, #4c6aff 21.2%, #4d73ff 24.2%, #4d7eff 27.3%, #4d88ff 30.3%, #4e91ff 33.3%, #509aff 36.4%, #51a1ff 39.4%, #52a7ff 42.4%, #50adff 45.5%, #4eb3ff 48.5%, #4bb8ff 51.5%, #47bcff 54.5%, #44beff 57.6%, #41bfff 60.6%, #3fbeff 63.6%, #3dbcff 66.7%, #3bb8ff 69.7%, #3ab3ff 72.7%, #38aeff 75.8%, #36a8ff 78.8%, #33a2ff 81.8%, #309aff 84.8%, #2e91ff 87.9%, #2f87ff 90.9%, #327dff 93.9%, #3674ff 97.0%, #396dfe 100.0%);
background: linear-gradient(15deg in oklch, oklch(49.21% 0.2866 271.41) 0.0%, oklch(50.06% 0.2811 271.46) 3.0%, oklch(51.19% 0.2738 271.67) 6.1%, oklch(52.54% 0.2650 271.89) 9.1%, oklch(54.05% 0.2553 271.96) 12.1%, oklch(55.65% 0.2448 271.73) 15.2%, oklch(57.29% 0.2341 271.05) 18.2%, oklch(58.93% 0.2234 269.75) 21.2%, oklch(60.76% 0.2117 267.82) 24.2%, oklch(62.74% 0.1996 265.41) 27.3%, oklch(64.77% 0.1877 262.67) 30.3%, oklch(66.75% 0.1767 259.74) 33.3%, oklch(68.59% 0.1669 256.79) 36.4%, oklch(70.19% 0.1585 253.98) 39.4%, oklch(71.56% 0.1524 251.12) 42.4%, oklch(72.86% 0.1479 247.82) 45.5%, oklch(74.03% 0.1445 244.36) 48.5%, oklch(75.03% 0.1421 241.07) 51.5%, oklch(75.79% 0.1409 238.27) 54.5%, oklch(76.26% 0.1408 236.27) 57.6%, oklch(76.37% 0.1414 235.40) 60.6%, oklch(76.10% 0.1427 235.70) 63.6%, oklch(75.50% 0.1447 236.92) 66.7%, oklch(74.63% 0.1475 238.82) 69.7%, oklch(73.55% 0.1512 241.16) 72.7%, oklch(72.32% 0.1558 243.69) 75.8%, oklch(71.01% 0.1611 246.17) 78.8%, oklch(69.58% 0.1674 248.56) 81.8%, oklch(67.76% 0.1759 251.41) 84.8%, oklch(65.69% 0.1861 254.56) 87.9%, oklch(63.56% 0.1971 257.76) 90.9%, oklch(61.56% 0.2080 260.74) 93.9%, oklch(59.86% 0.2171 263.26) 97.0%, oklch(58.66% 0.2232 265.07) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.492 | 0.287 | 271.4 |
| 2 | 0.583 | 0.229 | 270.3 |
| 3 | 0.705 | 0.157 | 253.4 |
| 4 | 0.764 | 0.142 | 235.5 |
| 5 | 0.705 | 0.164 | 247.1 |
| 6 | 0.587 | 0.223 | 265.1 |

## In these collections

- [Electric blue gradients](https://grabient.com/electric-blue-gradients)
- [Cyan gradients](https://grabient.com/cyan-gradients)

## Other forms

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