# Navy silver electric beam

Monochrome blue, navy and light blue linear gradient with 64 colors: #2c08fe, #2a09f7, #270bef, #230ce4, #1f0dd9, #1b0dcd, #170dc0, #130db2, #0e0da5, #0a0d97, #070c8b, #040c7e, #020b73, #010b69, #000b60, #000b58, #000b52, #000a4d, #000a47, #000943, #00083e, #00073a, #000737, #000634, #000632, #000631, #000730, #000830, #010b31, #020d32, #041135, #071539, #0c1b3d, #142244, #1d2c4d, #283758, #354364, #435172, #525f80, #626f90, #727fa0, #828eaf, #929ebf, #a1acce, #aeb9dc, #b9c5e9, #c2cff5, #c8d6fe, #cddaff, #cfdcff, #cfddff, #cbdbff, #c5d8ff, #bdd3ff, #b3ceff, #a7c8ff, #9ac2ff, #8cbcff, #7db6ff, #6db0ff, #5daaff, #4da6ff, #3da2ff, #2fa0ff. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome blue, navy and light blue linear gradient
- Seed: `kWdty_m66_RwZv_wFUC1749Y`
- Page: https://grabient.com/kWdty_m66_RwZv_wFUC1749Y?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: dark center, vivid, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 14.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 | `#2c08fe` | `oklch(46.46% 0.3031 269.30)` | Blue Pencil | white, 8.1 to 1 |
| 2 | `#2a09f7` | `oklch(45.52% 0.2967 269.10)` | Blue Pencil | white, 8.4 to 1 |
| 3 | `#270bef` | `oklch(44.33% 0.2886 268.84)` | Bluebonnet | white, 8.8 to 1 |
| 4 | `#230ce4` | `oklch(42.91% 0.2790 268.54)` | Burning Ultrablue | white, 9.3 to 1 |
| 5 | `#1f0dd9` | `oklch(41.30% 0.2683 268.20)` | Ultramarine | white, 9.9 to 1 |
| 6 | `#1b0dcd` | `oklch(39.55% 0.2565 267.83)` | Evil Eye | white, 10.5 to 1 |
| 7 | `#170dc0` | `oklch(37.69% 0.2440 267.43)` | Too Dark Tonight | white, 11.3 to 1 |
| 8 | `#130db2` | `oklch(35.75% 0.2309 267.02)` | Deep Sea Exploration | white, 12.1 to 1 |
| 9 | `#0e0da5` | `oklch(33.78% 0.2176 266.60)` | Cobalt | white, 12.9 to 1 |
| 10 | `#0a0d97` | `oklch(31.82% 0.2041 266.19)` | Cadmium Blue | white, 13.8 to 1 |
| 11 | `#070c8b` | `oklch(29.90% 0.1908 265.78)` | Yearning | white, 14.6 to 1 |
| 12 | `#040c7e` | `oklch(28.07% 0.1779 265.39)` | Major Tom | white, 15.4 to 1 |
| 13 | `#020b73` | `oklch(26.35% 0.1655 265.02)` | Deep Blue | white, 16.1 to 1 |
| 14 | `#010b69` | `oklch(24.80% 0.1539 264.69)` | Atlantic Depths | white, 16.7 to 1 |
| 15 | `#000b60` | `oklch(23.44% 0.1434 264.40)` | D. Darx Blue | white, 17.2 to 1 |
| 16 | `#000b58` | `oklch(22.32% 0.1341 264.16)` | Interstellar Blue | white, 17.6 to 1 |
| 17 | `#000b52` | `oklch(21.47% 0.1263 264.06)` | Interstellar Blue | white, 17.9 to 1 |
| 18 | `#000a4d` | `oklch(20.66% 0.1194 263.98)` | Storm | white, 18.2 to 1 |
| 19 | `#000a47` | `oklch(19.83% 0.1132 263.93)` | Storm | white, 18.5 to 1 |
| 20 | `#000943` | `oklch(19.01% 0.1074 263.88)` | Storm | white, 18.7 to 1 |
| 21 | `#00083e` | `oklch(18.23% 0.1020 263.82)` | Stratos | white, 19 to 1 |
| 22 | `#00073a` | `oklch(17.51% 0.0975 263.79)` | Stratos | white, 19.2 to 1 |
| 23 | `#000737` | `oklch(16.90% 0.0939 263.78)` | Oblivion | white, 19.3 to 1 |
| 24 | `#000634` | `oklch(16.42% 0.0908 263.75)` | Oblivion | white, 19.5 to 1 |
| 25 | `#000632` | `oklch(16.09% 0.0877 263.66)` | Oblivion | white, 19.5 to 1 |
| 26 | `#000631` | `oklch(15.96% 0.0850 263.49)` | Oblivion | white, 19.5 to 1 |
| 27 | `#000730` | `oklch(16.05% 0.0825 263.33)` | Oblivion | white, 19.5 to 1 |
| 28 | `#000830` | `oklch(16.41% 0.0801 263.40)` | Oblivion | white, 19.4 to 1 |
| 29 | `#010b31` | `oklch(17.06% 0.0778 263.49)` | Mysterious Depths | white, 19.2 to 1 |
| 30 | `#020d32` | `oklch(18.02% 0.0757 263.60)` | Infinite Night | white, 18.9 to 1 |
| 31 | `#041135` | `oklch(19.34% 0.0735 263.74)` | Infinite Night | white, 18.4 to 1 |
| 32 | `#071539` | `oklch(21.04% 0.0714 263.92)` | Navy | white, 17.8 to 1 |
| 33 | `#0c1b3d` | `oklch(23.21% 0.0691 264.13)` | Maastricht Blue | white, 16.9 to 1 |
| 34 | `#142244` | `oklch(26.13% 0.0668 264.48)` | Dark Eclipse | white, 15.5 to 1 |
| 35 | `#1d2c4d` | `oklch(29.76% 0.0644 264.95)` | Rurikon Blue | white, 13.8 to 1 |
| 36 | `#283758` | `oklch(33.97% 0.0621 265.52)` | Mediaeval Blue | white, 11.8 to 1 |
| 37 | `#354364` | `oklch(38.64% 0.0598 266.16)` | Stay the Night | white, 9.8 to 1 |
| 38 | `#435172` | `oklch(43.67% 0.0576 266.85)` | Astronaut | white, 7.9 to 1 |
| 39 | `#525f80` | `oklch(48.94% 0.0556 267.55)` | Sapphire Earbobs | white, 6.3 to 1 |
| 40 | `#626f90` | `oklch(54.32% 0.0540 268.25)` | Beguiling Blue | white, 5 to 1 |
| 41 | `#727fa0` | `oklch(59.71% 0.0526 268.91)` | English Manor | black, 5.2 to 1 |
| 42 | `#828eaf` | `oklch(64.99% 0.0516 269.52)` | Luxury | black, 6.4 to 1 |
| 43 | `#929ebf` | `oklch(70.03% 0.0510 270.04)` | Midnight Blush | black, 7.8 to 1 |
| 44 | `#a1acce` | `oklch(74.74% 0.0510 270.45)` | Mild Blue Yonder | black, 9.3 to 1 |
| 45 | `#aeb9dc` | `oklch(78.98% 0.0515 270.72)` | Frosted Iris | black, 10.8 to 1 |
| 46 | `#b9c5e9` | `oklch(82.65% 0.0527 270.83)` | Canterbury Bells | black, 12.2 to 1 |
| 47 | `#c2cff5` | `oklch(85.62% 0.0545 270.76)` | Frost Fairy | black, 13.5 to 1 |
| 48 | `#c8d6fe` | `oklch(87.79% 0.0571 270.46)` | Pale Phthalo Blue | black, 14.4 to 1 |
| 49 | `#cddaff` | `oklch(89.09% 0.0527 269.91)` | Icy Plains | black, 15 to 1 |
| 50 | `#cfdcff` | `oklch(89.69% 0.0497 269.09)` | Arc Light | black, 15.3 to 1 |
| 51 | `#cfddff` | `oklch(89.66% 0.0498 268.03)` | Arc Light | black, 15.3 to 1 |
| 52 | `#cbdbff` | `oklch(89.08% 0.0527 266.76)` | Arc Light | black, 15.1 to 1 |
| 53 | `#c5d8ff` | `oklch(88.04% 0.0580 265.32)` | Pale Phthalo Blue | black, 14.6 to 1 |
| 54 | `#bdd3ff` | `oklch(86.62% 0.0654 263.76)` | Ice Cold Stare | black, 13.9 to 1 |
| 55 | `#b3ceff` | `oklch(84.89% 0.0745 262.10)` | Ice Cold Stare | black, 13.2 to 1 |
| 56 | `#a7c8ff` | `oklch(82.93% 0.0851 260.39)` | Night Snow | black, 12.3 to 1 |
| 57 | `#9ac2ff` | `oklch(80.84% 0.0967 258.67)` | Pastel Blue | black, 11.5 to 1 |
| 58 | `#8cbcff` | `oklch(78.68% 0.1091 256.96)` | Scenic Water | black, 10.7 to 1 |
| 59 | `#7db6ff` | `oklch(76.53% 0.1217 255.31)` | Parakeet Blue | black, 9.9 to 1 |
| 60 | `#6db0ff` | `oklch(74.49% 0.1342 253.75)` | Tiān Lán Sky | black, 9.2 to 1 |
| 61 | `#5daaff` | `oklch(72.62% 0.1460 252.33)` | Âbi Blue | black, 8.6 to 1 |
| 62 | `#4da6ff` | `oklch(71.01% 0.1565 251.07)` | Âbi Blue | black, 8.1 to 1 |
| 63 | `#3da2ff` | `oklch(69.75% 0.1650 250.02)` | Xed | black, 7.8 to 1 |
| 64 | `#2fa0ff` | `oklch(68.90% 0.1709 249.22)` | Brilliant Azure | black, 7.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #2c08fe 0.0%, #2a09f7 1.6%, #270bef 3.2%, #230ce4 4.8%, #1f0dd9 6.3%, #1b0dcd 7.9%, #170dc0 9.5%, #130db2 11.1%, #0e0da5 12.7%, #0a0d97 14.3%, #070c8b 15.9%, #040c7e 17.5%, #020b73 19.0%, #010b69 20.6%, #000b60 22.2%, #000b58 23.8%, #000b52 25.4%, #000a4d 27.0%, #000a47 28.6%, #000943 30.2%, #00083e 31.7%, #00073a 33.3%, #000737 34.9%, #000634 36.5%, #000632 38.1%, #000631 39.7%, #000730 41.3%, #000830 42.9%, #010b31 44.4%, #020d32 46.0%, #041135 47.6%, #071539 49.2%, #0c1b3d 50.8%, #142244 52.4%, #1d2c4d 54.0%, #283758 55.6%, #354364 57.1%, #435172 58.7%, #525f80 60.3%, #626f90 61.9%, #727fa0 63.5%, #828eaf 65.1%, #929ebf 66.7%, #a1acce 68.3%, #aeb9dc 69.8%, #b9c5e9 71.4%, #c2cff5 73.0%, #c8d6fe 74.6%, #cddaff 76.2%, #cfdcff 77.8%, #cfddff 79.4%, #cbdbff 81.0%, #c5d8ff 82.5%, #bdd3ff 84.1%, #b3ceff 85.7%, #a7c8ff 87.3%, #9ac2ff 88.9%, #8cbcff 90.5%, #7db6ff 92.1%, #6db0ff 93.7%, #5daaff 95.2%, #4da6ff 96.8%, #3da2ff 98.4%, #2fa0ff 100.0%);
background: linear-gradient(135deg in oklch, oklch(46.46% 0.3031 269.30) 0.0%, oklch(45.52% 0.2967 269.10) 1.6%, oklch(44.33% 0.2886 268.84) 3.2%, oklch(42.91% 0.2790 268.54) 4.8%, oklch(41.30% 0.2683 268.20) 6.3%, oklch(39.55% 0.2565 267.83) 7.9%, oklch(37.69% 0.2440 267.43) 9.5%, oklch(35.75% 0.2309 267.02) 11.1%, oklch(33.78% 0.2176 266.60) 12.7%, oklch(31.82% 0.2041 266.19) 14.3%, oklch(29.90% 0.1908 265.78) 15.9%, oklch(28.07% 0.1779 265.39) 17.5%, oklch(26.35% 0.1655 265.02) 19.0%, oklch(24.80% 0.1539 264.69) 20.6%, oklch(23.44% 0.1434 264.40) 22.2%, oklch(22.32% 0.1341 264.16) 23.8%, oklch(21.47% 0.1263 264.06) 25.4%, oklch(20.66% 0.1194 263.98) 27.0%, oklch(19.83% 0.1132 263.93) 28.6%, oklch(19.01% 0.1074 263.88) 30.2%, oklch(18.23% 0.1020 263.82) 31.7%, oklch(17.51% 0.0975 263.79) 33.3%, oklch(16.90% 0.0939 263.78) 34.9%, oklch(16.42% 0.0908 263.75) 36.5%, oklch(16.09% 0.0877 263.66) 38.1%, oklch(15.96% 0.0850 263.49) 39.7%, oklch(16.05% 0.0825 263.33) 41.3%, oklch(16.41% 0.0801 263.40) 42.9%, oklch(17.06% 0.0778 263.49) 44.4%, oklch(18.02% 0.0757 263.60) 46.0%, oklch(19.34% 0.0735 263.74) 47.6%, oklch(21.04% 0.0714 263.92) 49.2%, oklch(23.21% 0.0691 264.13) 50.8%, oklch(26.13% 0.0668 264.48) 52.4%, oklch(29.76% 0.0644 264.95) 54.0%, oklch(33.97% 0.0621 265.52) 55.6%, oklch(38.64% 0.0598 266.16) 57.1%, oklch(43.67% 0.0576 266.85) 58.7%, oklch(48.94% 0.0556 267.55) 60.3%, oklch(54.32% 0.0540 268.25) 61.9%, oklch(59.71% 0.0526 268.91) 63.5%, oklch(64.99% 0.0516 269.52) 65.1%, oklch(70.03% 0.0510 270.04) 66.7%, oklch(74.74% 0.0510 270.45) 68.3%, oklch(78.98% 0.0515 270.72) 69.8%, oklch(82.65% 0.0527 270.83) 71.4%, oklch(85.62% 0.0545 270.76) 73.0%, oklch(87.79% 0.0571 270.46) 74.6%, oklch(89.09% 0.0527 269.91) 76.2%, oklch(89.69% 0.0497 269.09) 77.8%, oklch(89.66% 0.0498 268.03) 79.4%, oklch(89.08% 0.0527 266.76) 81.0%, oklch(88.04% 0.0580 265.32) 82.5%, oklch(86.62% 0.0654 263.76) 84.1%, oklch(84.89% 0.0745 262.10) 85.7%, oklch(82.93% 0.0851 260.39) 87.3%, oklch(80.84% 0.0967 258.67) 88.9%, oklch(78.68% 0.1091 256.96) 90.5%, oklch(76.53% 0.1217 255.31) 92.1%, oklch(74.49% 0.1342 253.75) 93.7%, oklch(72.62% 0.1460 252.33) 95.2%, oklch(71.01% 0.1565 251.07) 96.8%, oklch(69.75% 0.1650 250.02) 98.4%, oklch(68.90% 0.1709 249.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.465 | 0.303 | 269.3 |
| 2 | 0.217 | 0.128 | 264 |
| 3 | 0.22 | 0.07 | 264 |
| 4 | 0.882 | 0.058 | 270.4 |
| 5 | 0.689 | 0.171 | 249.2 |

## In these collections

- [Electric blue gradients](https://grabient.com/electric-blue-gradients)
- [Navy](https://grabient.com/navy)

## Other forms

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