# Cobalt silver diagonal

Monochrome navy, blue, gray and black linear gradient with 56 colors: #0e4252, #0f4254, #124255, #144257, #184259, #1b425b, #1f425d, #22425f, #264261, #294263, #2d4366, #304469, #34456c, #364770, #394975, #3b4b7b, #3c4e82, #3d528a, #3c5692, #3b5a9c, #385fa5, #3464af, #2f6ab8, #2870c1, #2076ca, #197cd2, #1582d9, #1988df, #258ee4, #3695ea, #499df0, #5ca6f6, #6faffb, #83b8ff, #98c2ff, #aacaff, #b9d2ff, #c5d8ff, #ceddff, #d2dfff, #d5dffa, #d4dbf2, #ced4e7, #c4c9d9, #b7bac8, #a6a9b4, #93969f, #7f828a, #6b6d75, #575960, #44464c, #32343a, #23252a, #16181d, #0c0e13, #06070b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome navy, blue, gray and black linear gradient
- Seed: `kWWiufNBvFM86PbxC0KEIPAA`
- Page: https://grabient.com/kWWiufNBvFM86PbxC0KEIPAA?steps=56&angle=45
- Drawn as: linear gradient, 56 steps, 45 degrees
- Kinds: light center, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 15 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 | `#0e4252` | `oklch(35.43% 0.0593 223.59)` | Cold and Dark | white, 10.9 to 1 |
| 2 | `#0f4254` | `oklch(35.62% 0.0598 225.59)` | Cold and Dark | white, 10.8 to 1 |
| 3 | `#124255` | `oklch(35.80% 0.0602 228.27)` | Capital Blue | white, 10.7 to 1 |
| 4 | `#144257` | `oklch(35.98% 0.0605 231.50)` | Capital Blue | white, 10.7 to 1 |
| 5 | `#184259` | `oklch(36.16% 0.0608 235.16)` | Capital Blue | white, 10.6 to 1 |
| 6 | `#1b425b` | `oklch(36.37% 0.0612 239.13)` | Sir Edmund | white, 10.6 to 1 |
| 7 | `#1f425d` | `oklch(36.61% 0.0617 243.29)` | Sir Edmund | white, 10.5 to 1 |
| 8 | `#22425f` | `oklch(36.90% 0.0624 247.50)` | Blue Accolade | white, 10.4 to 1 |
| 9 | `#264261` | `oklch(37.24% 0.0633 251.65)` | Alpine Race | white, 10.3 to 1 |
| 10 | `#294263` | `oklch(37.66% 0.0644 255.60)` | Black Turmeric | white, 10.1 to 1 |
| 11 | `#2d4366` | `oklch(38.16% 0.0660 259.25)` | Black Turmeric | white, 9.9 to 1 |
| 12 | `#304469` | `oklch(38.75% 0.0679 262.45)` | Forlorn Cruise | white, 9.7 to 1 |
| 13 | `#34456c` | `oklch(39.44% 0.0703 265.09)` | Forlorn Cruise | white, 9.4 to 1 |
| 14 | `#364770` | `oklch(40.25% 0.0732 267.04)` | Hydrogen Blue | white, 9.1 to 1 |
| 15 | `#394975` | `oklch(41.19% 0.0768 268.18)` | Daring Indigo | white, 8.8 to 1 |
| 16 | `#3b4b7b` | `oklch(42.27% 0.0817 268.48)` | Expressionism | white, 8.4 to 1 |
| 17 | `#3c4e82` | `oklch(43.46% 0.0881 268.03)` | Dive In | white, 8 to 1 |
| 18 | `#3d528a` | `oklch(44.77% 0.0956 266.97)` | Demon Blue | white, 7.6 to 1 |
| 19 | `#3c5692` | `oklch(46.17% 0.1038 265.42)` | Muted Lavender | white, 7.1 to 1 |
| 20 | `#3b5a9c` | `oklch(47.67% 0.1126 263.48)` | Muted Lavender | white, 6.7 to 1 |
| 21 | `#385fa5` | `oklch(49.23% 0.1215 261.30)` | International | white, 6.2 to 1 |
| 22 | `#3464af` | `oklch(50.86% 0.1302 258.98)` | Adventure of the Seas | white, 5.8 to 1 |
| 23 | `#2f6ab8` | `oklch(52.55% 0.1384 256.64)` | Mid Blue | white, 5.4 to 1 |
| 24 | `#2870c1` | `oklch(54.27% 0.1457 254.41)` | Matt Blue | white, 5 to 1 |
| 25 | `#2076ca` | `oklch(56.02% 0.1519 252.41)` | Blue-Eyed Boy | white, 4.6 to 1 |
| 26 | `#197cd2` | `oklch(57.79% 0.1566 250.76)` | Soothing Sapphire | black, 4.8 to 1 |
| 27 | `#1582d9` | `oklch(59.56% 0.1596 249.58)` | Electron Blue | black, 5.2 to 1 |
| 28 | `#1988df` | `oklch(61.33% 0.1603 248.99)` | Blue Cola | black, 5.6 to 1 |
| 29 | `#258ee4` | `oklch(63.15% 0.1587 249.08)` | Bleu de France | black, 6 to 1 |
| 30 | `#3695ea` | `oklch(65.43% 0.1544 249.70)` | Karimun Blue | black, 6.6 to 1 |
| 31 | `#499df0` | `oklch(68.13% 0.1478 250.77)` | Rockman Blue | black, 7.3 to 1 |
| 32 | `#5ca6f6` | `oklch(71.11% 0.1393 252.20)` | Âbi Blue | black, 8.2 to 1 |
| 33 | `#6faffb` | `oklch(74.26% 0.1293 253.93)` | Fennel Flower | black, 9.2 to 1 |
| 34 | `#83b8ff` | `oklch(77.45% 0.1163 255.88)` | Carolina Blue | black, 10.2 to 1 |
| 35 | `#98c2ff` | `oklch(80.55% 0.0984 257.98)` | Pastel Blue | black, 11.4 to 1 |
| 36 | `#aacaff` | `oklch(83.44% 0.0824 260.16)` | Night Snow | black, 12.6 to 1 |
| 37 | `#b9d2ff` | `oklch(86.00% 0.0687 262.35)` | Ice Cold Stare | black, 13.7 to 1 |
| 38 | `#c5d8ff` | `oklch(88.10% 0.0577 264.48)` | Pale Phthalo Blue | black, 14.6 to 1 |
| 39 | `#ceddff` | `oklch(89.61% 0.0500 266.47)` | Arc Light | black, 15.3 to 1 |
| 40 | `#d2dfff` | `oklch(90.41% 0.0460 268.26)` | Arc Light | black, 15.7 to 1 |
| 41 | `#d5dffa` | `oklch(90.38% 0.0388 269.77)` | Nostalgia Perfume | black, 15.7 to 1 |
| 42 | `#d4dbf2` | `oklch(89.39% 0.0318 270.92)` | Blissful Meditation | black, 15.2 to 1 |
| 43 | `#ced4e7` | `oklch(87.23% 0.0265 271.72)` | Heroic Heron | black, 14.2 to 1 |
| 44 | `#c4c9d9` | `oklch(83.75% 0.0223 272.31)` | Daybreak Beckons | black, 12.7 to 1 |
| 45 | `#b7bac8` | `oklch(79.14% 0.0189 272.73)` | Blunt | black, 10.8 to 1 |
| 46 | `#a6a9b4` | `oklch(73.61% 0.0163 272.99)` | Mischka | black, 8.9 to 1 |
| 47 | `#93969f` | `oklch(67.36% 0.0143 273.12)` | Grisaille | black, 7.1 to 1 |
| 48 | `#7f828a` | `oklch(60.61% 0.0129 273.14)` | Milestone | black, 5.4 to 1 |
| 49 | `#6b6d75` | `oklch(53.55% 0.0120 273.08)` | Dolphin Dream | white, 5.1 to 1 |
| 50 | `#575960` | `oklch(46.40% 0.0114 272.95)` | Midnight Badger | white, 7 to 1 |
| 51 | `#44464c` | `oklch(39.35% 0.0111 272.79)` | Steel Grey | white, 9.4 to 1 |
| 52 | `#32343a` | `oklch(32.62% 0.0109 272.61)` | Ebony Clay | white, 12.4 to 1 |
| 53 | `#23252a` | `oklch(26.42% 0.0108 272.44)` | Black Russian | white, 15.3 to 1 |
| 54 | `#16181d` | `oklch(20.94% 0.0106 272.30)` | Aswad Black | white, 17.7 to 1 |
| 55 | `#0c0e13` | `oklch(16.39% 0.0102 272.21)` | Midnight Oil | white, 19.3 to 1 |
| 56 | `#06070b` | `oklch(12.99% 0.0096 272.20)` | Reversed Grey | white, 20.1 to 1 |

## CSS

```css
background: linear-gradient(45deg, #0e4252 0.0%, #0f4254 1.8%, #124255 3.6%, #144257 5.5%, #184259 7.3%, #1b425b 9.1%, #1f425d 10.9%, #22425f 12.7%, #264261 14.5%, #294263 16.4%, #2d4366 18.2%, #304469 20.0%, #34456c 21.8%, #364770 23.6%, #394975 25.5%, #3b4b7b 27.3%, #3c4e82 29.1%, #3d528a 30.9%, #3c5692 32.7%, #3b5a9c 34.5%, #385fa5 36.4%, #3464af 38.2%, #2f6ab8 40.0%, #2870c1 41.8%, #2076ca 43.6%, #197cd2 45.5%, #1582d9 47.3%, #1988df 49.1%, #258ee4 50.9%, #3695ea 52.7%, #499df0 54.5%, #5ca6f6 56.4%, #6faffb 58.2%, #83b8ff 60.0%, #98c2ff 61.8%, #aacaff 63.6%, #b9d2ff 65.5%, #c5d8ff 67.3%, #ceddff 69.1%, #d2dfff 70.9%, #d5dffa 72.7%, #d4dbf2 74.5%, #ced4e7 76.4%, #c4c9d9 78.2%, #b7bac8 80.0%, #a6a9b4 81.8%, #93969f 83.6%, #7f828a 85.5%, #6b6d75 87.3%, #575960 89.1%, #44464c 90.9%, #32343a 92.7%, #23252a 94.5%, #16181d 96.4%, #0c0e13 98.2%, #06070b 100.0%);
background: linear-gradient(45deg in oklch, oklch(35.43% 0.0593 223.59) 0.0%, oklch(35.62% 0.0598 225.59) 1.8%, oklch(35.80% 0.0602 228.27) 3.6%, oklch(35.98% 0.0605 231.50) 5.5%, oklch(36.16% 0.0608 235.16) 7.3%, oklch(36.37% 0.0612 239.13) 9.1%, oklch(36.61% 0.0617 243.29) 10.9%, oklch(36.90% 0.0624 247.50) 12.7%, oklch(37.24% 0.0633 251.65) 14.5%, oklch(37.66% 0.0644 255.60) 16.4%, oklch(38.16% 0.0660 259.25) 18.2%, oklch(38.75% 0.0679 262.45) 20.0%, oklch(39.44% 0.0703 265.09) 21.8%, oklch(40.25% 0.0732 267.04) 23.6%, oklch(41.19% 0.0768 268.18) 25.5%, oklch(42.27% 0.0817 268.48) 27.3%, oklch(43.46% 0.0881 268.03) 29.1%, oklch(44.77% 0.0956 266.97) 30.9%, oklch(46.17% 0.1038 265.42) 32.7%, oklch(47.67% 0.1126 263.48) 34.5%, oklch(49.23% 0.1215 261.30) 36.4%, oklch(50.86% 0.1302 258.98) 38.2%, oklch(52.55% 0.1384 256.64) 40.0%, oklch(54.27% 0.1457 254.41) 41.8%, oklch(56.02% 0.1519 252.41) 43.6%, oklch(57.79% 0.1566 250.76) 45.5%, oklch(59.56% 0.1596 249.58) 47.3%, oklch(61.33% 0.1603 248.99) 49.1%, oklch(63.15% 0.1587 249.08) 50.9%, oklch(65.43% 0.1544 249.70) 52.7%, oklch(68.13% 0.1478 250.77) 54.5%, oklch(71.11% 0.1393 252.20) 56.4%, oklch(74.26% 0.1293 253.93) 58.2%, oklch(77.45% 0.1163 255.88) 60.0%, oklch(80.55% 0.0984 257.98) 61.8%, oklch(83.44% 0.0824 260.16) 63.6%, oklch(86.00% 0.0687 262.35) 65.5%, oklch(88.10% 0.0577 264.48) 67.3%, oklch(89.61% 0.0500 266.47) 69.1%, oklch(90.41% 0.0460 268.26) 70.9%, oklch(90.38% 0.0388 269.77) 72.7%, oklch(89.39% 0.0318 270.92) 74.5%, oklch(87.23% 0.0265 271.72) 76.4%, oklch(83.75% 0.0223 272.31) 78.2%, oklch(79.14% 0.0189 272.73) 80.0%, oklch(73.61% 0.0163 272.99) 81.8%, oklch(67.36% 0.0143 273.12) 83.6%, oklch(60.61% 0.0129 273.14) 85.5%, oklch(53.55% 0.0120 273.08) 87.3%, oklch(46.40% 0.0114 272.95) 89.1%, oklch(39.35% 0.0111 272.79) 90.9%, oklch(32.62% 0.0109 272.61) 92.7%, oklch(26.42% 0.0108 272.44) 94.5%, oklch(20.94% 0.0106 272.30) 96.4%, oklch(16.39% 0.0102 272.21) 98.2%, oklch(12.99% 0.0096 272.20) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.354 | 0.059 | 223.6 |
| 2 | 0.409 | 0.076 | 268 |
| 3 | 0.622 | 0.16 | 249 |
| 4 | 0.89 | 0.03 | 271.1 |
| 5 | 0.13 | 0.01 | 272.2 |

## In these collections

- [Blue gradients](https://grabient.com/blue-gradients)

## Other forms

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