# Electric blue black halo

Monochrome blue, navy, black and gray linear gradient with 48 colors: #7b96c0, #7592c2, #6e8dc6, #6686cc, #5f7ed1, #5a74d5, #5569d8, #4f5ed8, #4753d4, #3c4acd, #2944c1, #0040ab, #003f77, #003554, #00293b, #001e27, #001419, #000d0f, #000909, #030707, #060909, #0d0f10, #141919, #1d2527, #273337, #324249, #3e505c, #4a5d6d, #54687b, #5e7185, #677a8d, #708295, #788a9b, #8091a0, #8798a5, #8d9daa, #91a2af, #93a6b4, #93a9b9, #8eabbe, #87abc4, #7da9c9, #72a7cf, #66a4d4, #5aa1d8, #4e9edc, #449bdf, #3c99e2. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome blue, navy, black and gray linear gradient
- Seed: `kYqjK4PEjBQ-EtxBjkYW4u-9QywM`
- Page: https://grabient.com/kYqjK4PEjBQ-EtxBjkYW4u-9QywM?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: dark center, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.3 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 | `#7b96c0` | `oklch(66.93% 0.0689 258.75)` | Denver River | black, 6.9 to 1 |
| 2 | `#7592c2` | `oklch(65.75% 0.0789 259.93)` | King Neptune | black, 6.6 to 1 |
| 3 | `#6e8dc6` | `oklch(64.31% 0.0938 262.00)` | Hydrangea | black, 6.2 to 1 |
| 4 | `#6686cc` | `oklch(62.64% 0.1120 264.60)` | Livid | black, 5.8 to 1 |
| 5 | `#5f7ed1` | `oklch(60.73% 0.1320 267.39)` | Serenity’s Reign | black, 5.3 to 1 |
| 6 | `#5a74d5` | `oklch(58.62% 0.1520 269.99)` | Cornflower | black, 4.8 to 1 |
| 7 | `#5569d8` | `oklch(56.32% 0.1704 272.07)` | Thick Blue | white, 4.7 to 1 |
| 8 | `#4f5ed8` | `oklch(53.83% 0.1857 273.26)` | Savoy Blue | white, 5.3 to 1 |
| 9 | `#4753d4` | `oklch(51.19% 0.1962 273.21)` | Gorgonzola Blue | white, 6 to 1 |
| 10 | `#3c4acd` | `oklch(48.40% 0.2003 271.56)` | Kikorangi Blue | white, 6.8 to 1 |
| 11 | `#2944c1` | `oklch(45.30% 0.1963 267.77)` | Blue Blue | white, 7.7 to 1 |
| 12 | `#0040ab` | `oklch(41.29% 0.1806 261.19)` | Indian Peafowl | white, 9 to 1 |
| 13 | `#003f77` | `oklch(36.61% 0.1110 252.44)` | Ashenvale Nights | white, 10.6 to 1 |
| 14 | `#003554` | `oklch(31.59% 0.0754 242.32)` | Night Dive | white, 12.7 to 1 |
| 15 | `#00293b` | `oklch(26.54% 0.0539 231.59)` | Murky Depths | white, 15.1 to 1 |
| 16 | `#001e27` | `oklch(21.80% 0.0400 221.04)` | Oxford by Night | white, 17.2 to 1 |
| 17 | `#001419` | `oklch(17.68% 0.0307 211.40)` | Black Glaze | white, 18.8 to 1 |
| 18 | `#000d0f` | `oklch(14.53% 0.0247 203.39)` | Black Knight | white, 19.7 to 1 |
| 19 | `#000909` | `oklch(12.61% 0.0214 197.58)` | Black Metal | white, 20.1 to 1 |
| 20 | `#030707` | `oklch(12.29% 0.0108 195.17)` | Black Metal | white, 20.2 to 1 |
| 21 | `#060909` | `oklch(13.75% 0.0056 196.22)` | Reversed Grey | white, 19.9 to 1 |
| 22 | `#0d0f10` | `oklch(16.71% 0.0046 200.02)` | Chaos Black | white, 19.1 to 1 |
| 23 | `#141919` | `oklch(20.82% 0.0068 205.88)` | Neverything | white, 17.7 to 1 |
| 24 | `#1d2527` | `oklch(25.75% 0.0113 213.14)` | Washed Black | white, 15.6 to 1 |
| 25 | `#273337` | `oklch(31.17% 0.0174 221.11)` | Nightmare Fuel | white, 13 to 1 |
| 26 | `#324249` | `oklch(36.73% 0.0240 229.11)` | Big Stone | white, 10.4 to 1 |
| 27 | `#3e505c` | `oklch(42.10% 0.0302 236.48)` | Midnight Haze | white, 8.3 to 1 |
| 28 | `#4a5d6d` | `oklch(46.94% 0.0353 242.54)` | Ragtime Blues | white, 6.8 to 1 |
| 29 | `#54687b` | `oklch(50.91% 0.0383 246.61)` | Periscope | white, 5.7 to 1 |
| 30 | `#5e7185` | `oklch(54.08% 0.0388 248.50)` | Layers of Ocean | white, 5 to 1 |
| 31 | `#677a8d` | `oklch(57.07% 0.0376 249.04)` | Menacing Clouds | black, 4.7 to 1 |
| 32 | `#708295` | `oklch(59.88% 0.0354 248.54)` | Gilneas Grey | black, 5.3 to 1 |
| 33 | `#788a9b` | `oklch(62.49% 0.0326 247.26)` | Somnambulist | black, 5.9 to 1 |
| 34 | `#8091a0` | `oklch(64.87% 0.0298 245.48)` | Bird Blue Grey | black, 6.4 to 1 |
| 35 | `#8798a5` | `oklch(66.98% 0.0275 243.48)` | Silver Storm | black, 7 to 1 |
| 36 | `#8d9daa` | `oklch(68.82% 0.0262 241.53)` | Lost at Sea | black, 7.5 to 1 |
| 37 | `#91a2af` | `oklch(70.34% 0.0266 239.91)` | Cadet Grey | black, 7.9 to 1 |
| 38 | `#93a6b4` | `oklch(71.51% 0.0290 238.88)` | River Valley | black, 8.3 to 1 |
| 39 | `#93a9b9` | `oklch(72.31% 0.0341 238.68)` | Nepal | black, 8.6 to 1 |
| 40 | `#8eabbe` | `oklch(72.53% 0.0425 238.99)` | Pool Bar | black, 8.6 to 1 |
| 41 | `#87abc4` | `oklch(72.26% 0.0536 239.62)` | Colorado Springs | black, 8.6 to 1 |
| 42 | `#7da9c9` | `oklch(71.61% 0.0666 240.49)` | Mirror Lake | black, 8.4 to 1 |
| 43 | `#72a7cf` | `oklch(70.69% 0.0807 241.52)` | Chronus Blue | black, 8.1 to 1 |
| 44 | `#66a4d4` | `oklch(69.61% 0.0950 242.62)` | Water Spirit | black, 7.8 to 1 |
| 45 | `#5aa1d8` | `oklch(68.50% 0.1089 243.71)` | Waimea Blue | black, 7.5 to 1 |
| 46 | `#4e9edc` | `oklch(67.48% 0.1214 244.70)` | Waimea Blue | black, 7.2 to 1 |
| 47 | `#449bdf` | `oklch(66.65% 0.1317 245.52)` | Flax Flower Blue | black, 6.9 to 1 |
| 48 | `#3c99e2` | `oklch(66.14% 0.1392 246.07)` | Flax Flower Blue | black, 6.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #7b96c0 0.0%, #7592c2 2.1%, #6e8dc6 4.3%, #6686cc 6.4%, #5f7ed1 8.5%, #5a74d5 10.6%, #5569d8 12.8%, #4f5ed8 14.9%, #4753d4 17.0%, #3c4acd 19.1%, #2944c1 21.3%, #0040ab 23.4%, #003f77 25.5%, #003554 27.7%, #00293b 29.8%, #001e27 31.9%, #001419 34.0%, #000d0f 36.2%, #000909 38.3%, #030707 40.4%, #060909 42.6%, #0d0f10 44.7%, #141919 46.8%, #1d2527 48.9%, #273337 51.1%, #324249 53.2%, #3e505c 55.3%, #4a5d6d 57.4%, #54687b 59.6%, #5e7185 61.7%, #677a8d 63.8%, #708295 66.0%, #788a9b 68.1%, #8091a0 70.2%, #8798a5 72.3%, #8d9daa 74.5%, #91a2af 76.6%, #93a6b4 78.7%, #93a9b9 80.9%, #8eabbe 83.0%, #87abc4 85.1%, #7da9c9 87.2%, #72a7cf 89.4%, #66a4d4 91.5%, #5aa1d8 93.6%, #4e9edc 95.7%, #449bdf 97.9%, #3c99e2 100.0%);
background: linear-gradient(135deg in oklch, oklch(66.93% 0.0689 258.75) 0.0%, oklch(65.75% 0.0789 259.93) 2.1%, oklch(64.31% 0.0938 262.00) 4.3%, oklch(62.64% 0.1120 264.60) 6.4%, oklch(60.73% 0.1320 267.39) 8.5%, oklch(58.62% 0.1520 269.99) 10.6%, oklch(56.32% 0.1704 272.07) 12.8%, oklch(53.83% 0.1857 273.26) 14.9%, oklch(51.19% 0.1962 273.21) 17.0%, oklch(48.40% 0.2003 271.56) 19.1%, oklch(45.30% 0.1963 267.77) 21.3%, oklch(41.29% 0.1806 261.19) 23.4%, oklch(36.61% 0.1110 252.44) 25.5%, oklch(31.59% 0.0754 242.32) 27.7%, oklch(26.54% 0.0539 231.59) 29.8%, oklch(21.80% 0.0400 221.04) 31.9%, oklch(17.68% 0.0307 211.40) 34.0%, oklch(14.53% 0.0247 203.39) 36.2%, oklch(12.61% 0.0214 197.58) 38.3%, oklch(12.29% 0.0108 195.17) 40.4%, oklch(13.75% 0.0056 196.22) 42.6%, oklch(16.71% 0.0046 200.02) 44.7%, oklch(20.82% 0.0068 205.88) 46.8%, oklch(25.75% 0.0113 213.14) 48.9%, oklch(31.17% 0.0174 221.11) 51.1%, oklch(36.73% 0.0240 229.11) 53.2%, oklch(42.10% 0.0302 236.48) 55.3%, oklch(46.94% 0.0353 242.54) 57.4%, oklch(50.91% 0.0383 246.61) 59.6%, oklch(54.08% 0.0388 248.50) 61.7%, oklch(57.07% 0.0376 249.04) 63.8%, oklch(59.88% 0.0354 248.54) 66.0%, oklch(62.49% 0.0326 247.26) 68.1%, oklch(64.87% 0.0298 245.48) 70.2%, oklch(66.98% 0.0275 243.48) 72.3%, oklch(68.82% 0.0262 241.53) 74.5%, oklch(70.34% 0.0266 239.91) 76.6%, oklch(71.51% 0.0290 238.88) 78.7%, oklch(72.31% 0.0341 238.68) 80.9%, oklch(72.53% 0.0425 238.99) 83.0%, oklch(72.26% 0.0536 239.62) 85.1%, oklch(71.61% 0.0666 240.49) 87.2%, oklch(70.69% 0.0807 241.52) 89.4%, oklch(69.61% 0.0950 242.62) 91.5%, oklch(68.50% 0.1089 243.71) 93.6%, oklch(67.48% 0.1214 244.70) 95.7%, oklch(66.65% 0.1317 245.52) 97.9%, oklch(66.14% 0.1392 246.07) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.669 | 0.069 | 258.8 |
| 2 | 0.472 | 0.2 | 270.4 |
| 3 | 0.122 | 0.012 | 195.3 |
| 4 | 0.516 | 0.039 | 247.1 |
| 5 | 0.72 | 0.032 | 238.7 |
| 6 | 0.661 | 0.139 | 246.1 |

## In these collections

- [Cool blue](https://grabient.com/cool-blue)

## Other forms

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