# Cobalt and Ice Glow

Monochrome light blue, blue and navy linear gradient with 48 colors: #b0baee, #a5b2eb, #97a6e8, #8598e3, #7189de, #5c78d8, #4868d1, #3558c9, #244ac1, #183eb8, #1336b0, #1530a5, #192c9a, #1d2a8e, #212a82, #242a77, #272c6d, #292d64, #2a2f5e, #2b325b, #2c345a, #2e385a, #2f3c5c, #31415f, #344763, #374e69, #3a556f, #3f5d75, #44657d, #4a6e86, #537b93, #5e89a2, #6999b2, #74aac3, #7eb9d4, #85c7e4, #89d2f1, #89d9fb, #86dbff, #7dd6ff, #6accff, #4ebfff, #34affb, #1a9cf6, #0089ef, #0078e8, #0268e3, #0c5de0. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome light blue, blue and navy linear gradient
- Seed: `kYyzbENUe-qobQS_FDvbCM-UJNQ-`
- Page: https://grabient.com/kYyzbENUe-qobQS_FDvbCM-UJNQ-?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.1 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 | `#b0baee` | `oklch(79.92% 0.0744 275.63)` | Perano | black, 11.1 to 1 |
| 2 | `#a5b2eb` | `oklch(77.33% 0.0835 274.84)` | Wondrous Wisteria | black, 10.1 to 1 |
| 3 | `#97a6e8` | `oklch(73.79% 0.0968 273.70)` | Dalmatian Sage | black, 8.9 to 1 |
| 4 | `#8598e3` | `oklch(69.53% 0.1130 272.30)` | Portage | black, 7.5 to 1 |
| 5 | `#7189de` | `oklch(64.82% 0.1307 270.77)` | Tanzine | black, 6.3 to 1 |
| 6 | `#5c78d8` | `oklch(59.88% 0.1487 269.22)` | Indigo Light | black, 5.1 to 1 |
| 7 | `#4868d1` | `oklch(54.96% 0.1656 267.76)` | God of Rain | white, 5 to 1 |
| 8 | `#3558c9` | `oklch(50.32% 0.1801 266.52)` | Free Speech Blue | white, 6.1 to 1 |
| 9 | `#244ac1` | `oklch(46.19% 0.1909 265.59)` | New Car | white, 7.4 to 1 |
| 10 | `#183eb8` | `oklch(42.81% 0.1965 265.10)` | Persian Blue | white, 8.6 to 1 |
| 11 | `#1336b0` | `oklch(40.31% 0.1959 265.23)` | Blue Hour | white, 9.6 to 1 |
| 12 | `#1530a5` | `oklch(38.22% 0.1893 266.16)` | Egyptian Blue | white, 10.5 to 1 |
| 13 | `#192c9a` | `oklch(36.50% 0.1780 267.71)` | Smalt | white, 11.2 to 1 |
| 14 | `#1d2a8e` | `oklch(35.12% 0.1633 269.62)` | US Air Force Blue | white, 11.8 to 1 |
| 15 | `#212a82` | `oklch(34.07% 0.1464 271.66)` | St. Patrick’s Blue | white, 12.2 to 1 |
| 16 | `#242a77` | `oklch(33.33% 0.1285 273.58)` | St. Patrick’s Blue | white, 12.5 to 1 |
| 17 | `#272c6d` | `oklch(32.88% 0.1110 275.16)` | Blue Rose | white, 12.6 to 1 |
| 18 | `#292d64` | `oklch(32.71% 0.0951 276.13)` | Underwater Realm | white, 12.6 to 1 |
| 19 | `#2a2f5e` | `oklch(32.81% 0.0820 276.27)` | Galaxea | white, 12.5 to 1 |
| 20 | `#2b325b` | `oklch(33.16% 0.0729 275.34)` | Quill Tip | white, 12.3 to 1 |
| 21 | `#2c345a` | `oklch(33.82% 0.0665 273.23)` | Quill Tip | white, 11.9 to 1 |
| 22 | `#2e385a` | `oklch(34.81% 0.0615 270.14)` | Mediaeval Blue | white, 11.4 to 1 |
| 23 | `#2f3c5c` | `oklch(36.11% 0.0579 266.31)` | Nautilus | white, 10.8 to 1 |
| 24 | `#31415f` | `oklch(37.69% 0.0554 261.98)` | Gulf Blue | white, 10.1 to 1 |
| 25 | `#344763` | `oklch(39.53% 0.0539 257.40)` | Stay the Night | white, 9.3 to 1 |
| 26 | `#374e69` | `oklch(41.61% 0.0532 252.80)` | Police Blue | white, 8.5 to 1 |
| 27 | `#3a556f` | `oklch(43.91% 0.0533 248.42)` | Albeit | white, 7.7 to 1 |
| 28 | `#3f5d75` | `oklch(46.40% 0.0539 244.50)` | China Pattern | white, 6.9 to 1 |
| 29 | `#44657d` | `oklch(49.06% 0.0549 241.29)` | Real Teal | white, 6.1 to 1 |
| 30 | `#4a6e86` | `oklch(52.18% 0.0562 238.67)` | Blue Loneliness | white, 5.4 to 1 |
| 31 | `#537b93` | `oklch(56.22% 0.0581 236.09)` | Mallorca Blue | black, 4.6 to 1 |
| 32 | `#5e89a2` | `oklch(60.91% 0.0607 233.63)` | Sea Crystal | black, 5.5 to 1 |
| 33 | `#6999b2` | `oklch(65.91% 0.0639 231.37)` | Yacht Blue | black, 6.8 to 1 |
| 34 | `#74aac3` | `oklch(70.91% 0.0678 229.41)` | Moonstone Blue | black, 8.2 to 1 |
| 35 | `#7eb9d4` | `oklch(75.61% 0.0725 227.85)` | Petit Four | black, 9.8 to 1 |
| 36 | `#85c7e4` | `oklch(79.67% 0.0780 226.79)` | Gossamer Threads | black, 11.3 to 1 |
| 37 | `#89d2f1` | `oklch(82.80% 0.0843 226.31)` | Pool Tiles | black, 12.6 to 1 |
| 38 | `#89d9fb` | `oklch(84.66% 0.0916 226.52)` | Tranquil Pool | black, 13.4 to 1 |
| 39 | `#86dbff` | `oklch(84.94% 0.0965 227.55)` | Tranquil Pool | black, 13.5 to 1 |
| 40 | `#7dd6ff` | `oklch(83.50% 0.1030 229.80)` | Sky | black, 12.9 to 1 |
| 41 | `#6accff` | `oklch(80.64% 0.1170 233.10)` | Skyan | black, 11.7 to 1 |
| 42 | `#4ebfff` | `oklch(76.74% 0.1364 237.15)` | Hello Summer | black, 10.2 to 1 |
| 43 | `#34affb` | `oklch(72.17% 0.1525 241.66)` | Adamantine Blue | black, 8.6 to 1 |
| 44 | `#1a9cf6` | `oklch(67.28% 0.1672 246.34)` | Fresh Blue of Bel Air | black, 7.1 to 1 |
| 45 | `#0089ef` | `oklch(62.45% 0.1811 250.90)` | Bleu de France | black, 5.8 to 1 |
| 46 | `#0078e8` | `oklch(58.05% 0.1914 255.03)` | Blue Darknut | black, 4.8 to 1 |
| 47 | `#0268e3` | `oklch(54.43% 0.2044 258.43)` | Blue Ruin | white, 5.1 to 1 |
| 48 | `#0c5de0` | `oklch(51.97% 0.2122 260.83)` | Chun-Li Blue | white, 5.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #b0baee 0.0%, #a5b2eb 2.1%, #97a6e8 4.3%, #8598e3 6.4%, #7189de 8.5%, #5c78d8 10.6%, #4868d1 12.8%, #3558c9 14.9%, #244ac1 17.0%, #183eb8 19.1%, #1336b0 21.3%, #1530a5 23.4%, #192c9a 25.5%, #1d2a8e 27.7%, #212a82 29.8%, #242a77 31.9%, #272c6d 34.0%, #292d64 36.2%, #2a2f5e 38.3%, #2b325b 40.4%, #2c345a 42.6%, #2e385a 44.7%, #2f3c5c 46.8%, #31415f 48.9%, #344763 51.1%, #374e69 53.2%, #3a556f 55.3%, #3f5d75 57.4%, #44657d 59.6%, #4a6e86 61.7%, #537b93 63.8%, #5e89a2 66.0%, #6999b2 68.1%, #74aac3 70.2%, #7eb9d4 72.3%, #85c7e4 74.5%, #89d2f1 76.6%, #89d9fb 78.7%, #86dbff 80.9%, #7dd6ff 83.0%, #6accff 85.1%, #4ebfff 87.2%, #34affb 89.4%, #1a9cf6 91.5%, #0089ef 93.6%, #0078e8 95.7%, #0268e3 97.9%, #0c5de0 100.0%);
background: linear-gradient(135deg in oklch, oklch(79.92% 0.0744 275.63) 0.0%, oklch(77.33% 0.0835 274.84) 2.1%, oklch(73.79% 0.0968 273.70) 4.3%, oklch(69.53% 0.1130 272.30) 6.4%, oklch(64.82% 0.1307 270.77) 8.5%, oklch(59.88% 0.1487 269.22) 10.6%, oklch(54.96% 0.1656 267.76) 12.8%, oklch(50.32% 0.1801 266.52) 14.9%, oklch(46.19% 0.1909 265.59) 17.0%, oklch(42.81% 0.1965 265.10) 19.1%, oklch(40.31% 0.1959 265.23) 21.3%, oklch(38.22% 0.1893 266.16) 23.4%, oklch(36.50% 0.1780 267.71) 25.5%, oklch(35.12% 0.1633 269.62) 27.7%, oklch(34.07% 0.1464 271.66) 29.8%, oklch(33.33% 0.1285 273.58) 31.9%, oklch(32.88% 0.1110 275.16) 34.0%, oklch(32.71% 0.0951 276.13) 36.2%, oklch(32.81% 0.0820 276.27) 38.3%, oklch(33.16% 0.0729 275.34) 40.4%, oklch(33.82% 0.0665 273.23) 42.6%, oklch(34.81% 0.0615 270.14) 44.7%, oklch(36.11% 0.0579 266.31) 46.8%, oklch(37.69% 0.0554 261.98) 48.9%, oklch(39.53% 0.0539 257.40) 51.1%, oklch(41.61% 0.0532 252.80) 53.2%, oklch(43.91% 0.0533 248.42) 55.3%, oklch(46.40% 0.0539 244.50) 57.4%, oklch(49.06% 0.0549 241.29) 59.6%, oklch(52.18% 0.0562 238.67) 61.7%, oklch(56.22% 0.0581 236.09) 63.8%, oklch(60.91% 0.0607 233.63) 66.0%, oklch(65.91% 0.0639 231.37) 68.1%, oklch(70.91% 0.0678 229.41) 70.2%, oklch(75.61% 0.0725 227.85) 72.3%, oklch(79.67% 0.0780 226.79) 74.5%, oklch(82.80% 0.0843 226.31) 76.6%, oklch(84.66% 0.0916 226.52) 78.7%, oklch(84.94% 0.0965 227.55) 80.9%, oklch(83.50% 0.1030 229.80) 83.0%, oklch(80.64% 0.1170 233.10) 85.1%, oklch(76.74% 0.1364 237.15) 87.2%, oklch(72.17% 0.1525 241.66) 89.4%, oklch(67.28% 0.1672 246.34) 91.5%, oklch(62.45% 0.1811 250.90) 93.6%, oklch(58.05% 0.1914 255.03) 95.7%, oklch(54.43% 0.2044 258.43) 97.9%, oklch(51.97% 0.2122 260.83) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.799 | 0.074 | 275.6 |
| 2 | 0.417 | 0.197 | 265.1 |
| 3 | 0.331 | 0.074 | 275.6 |
| 4 | 0.496 | 0.055 | 240.8 |
| 5 | 0.85 | 0.096 | 227 |
| 6 | 0.52 | 0.212 | 260.8 |

## In these collections

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

## Other forms

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