# Sky cobalt diagonal

Seamless cool light blue and blue linear gradient with 40 colors: #cbe5fb, #c4e2fb, #bcdefc, #b2d8fc, #a7d3fc, #9bccfc, #8ec4fd, #82bcfd, #75b4fd, #68abfd, #5ca2fd, #5199fc, #4790fc, #3e87fb, #367ffb, #2f77fa, #2871f9, #226bf9, #1b68f8, #1366f8, #0667f7, #006bf3, #0071ee, #0078eb, #007fe9, #0087e9, #008fea, #0097ed, #00a0f0, #20aaf0, #3ab2ee, #4fbbed, #62c2ec, #75c9eb, #86d0ea, #96d5ea, #a4daea, #b0dfeb, #bae2eb, #c2e4ec. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Seamless cool light blue and blue linear gradient
- Seed: `kS5x6tx1PB_INui`
- Page: https://grabient.com/kS5x6tx1PB_INui?steps=40&angle=225
- Drawn as: linear gradient, 40 steps, 225 degrees
- Kinds: dark center, vivid, cool, monochrome, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.7 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 | `#cbe5fb` | `oklch(90.94% 0.0413 243.98)` | Fresh Water | black, 16.1 to 1 |
| 2 | `#c4e2fb` | `oklch(89.87% 0.0471 244.54)` | Fresh Water | black, 15.6 to 1 |
| 3 | `#bcdefc` | `oklch(88.47% 0.0547 245.33)` | Dithered Sky | black, 14.9 to 1 |
| 4 | `#b2d8fc` | `oklch(86.79% 0.0638 246.31)` | Malmö FF | black, 14.1 to 1 |
| 5 | `#a7d3fc` | `oklch(84.88% 0.0742 247.45)` | Malmö FF | black, 13.3 to 1 |
| 6 | `#9bccfc` | `oklch(82.76% 0.0857 248.72)` | Apocyan | black, 12.4 to 1 |
| 7 | `#8ec4fd` | `oklch(80.49% 0.0980 250.09)` | Chromis Damsel Blue | black, 11.4 to 1 |
| 8 | `#82bcfd` | `oklch(78.11% 0.1109 251.51)` | Scenic Water | black, 10.5 to 1 |
| 9 | `#75b4fd` | `oklch(75.65% 0.1243 252.97)` | French Sky Blue | black, 9.6 to 1 |
| 10 | `#68abfd` | `oklch(73.17% 0.1377 254.41)` | Fennel Flower | black, 8.8 to 1 |
| 11 | `#5ca2fd` | `oklch(70.69% 0.1511 255.82)` | Âbi Blue | black, 8 to 1 |
| 12 | `#5199fc` | `oklch(68.28% 0.1642 257.16)` | Polar Glow | black, 7.3 to 1 |
| 13 | `#4790fc` | `oklch(65.96% 0.1767 258.39)` | Polar Glow | black, 6.6 to 1 |
| 14 | `#3e87fb` | `oklch(63.78% 0.1885 259.48)` | Bleuchâtel Blue | black, 6 to 1 |
| 15 | `#367ffb` | `oklch(61.78% 0.1992 260.40)` | Ceruleite | black, 5.5 to 1 |
| 16 | `#2f77fa` | `oklch(60.01% 0.2087 261.12)` | Clear Blue | black, 5.1 to 1 |
| 17 | `#2871f9` | `oklch(58.50% 0.2168 261.59)` | Clouded Blue | black, 4.8 to 1 |
| 18 | `#226bf9` | `oklch(57.29% 0.2232 261.80)` | Bluerocratic | white, 4.6 to 1 |
| 19 | `#1b68f8` | `oklch(56.44% 0.2276 261.69)` | Bluerocratic | white, 4.7 to 1 |
| 20 | `#1366f8` | `oklch(55.98% 0.2299 261.25)` | Bright Blue | white, 4.8 to 1 |
| 21 | `#0667f7` | `oklch(55.95% 0.2298 260.43)` | Bright Blue | white, 4.8 to 1 |
| 22 | `#006bf3` | `oklch(56.35% 0.2204 259.18)` | Níu Zǎi Sè Denim | white, 4.7 to 1 |
| 23 | `#0071ee` | `oklch(57.13% 0.2072 257.52)` | Níu Zǎi Sè Denim | black, 4.5 to 1 |
| 24 | `#0078eb` | `oklch(58.27% 0.1953 255.50)` | Blue Darknut | black, 4.8 to 1 |
| 25 | `#007fe9` | `oklch(59.71% 0.1851 253.17)` | Blue Darknut | black, 5.2 to 1 |
| 26 | `#0087e9` | `oklch(61.42% 0.1765 250.57)` | Blue Cola | black, 5.6 to 1 |
| 27 | `#008fea` | `oklch(63.34% 0.1695 247.75)` | Bleu de France | black, 6.1 to 1 |
| 28 | `#0097ed` | `oklch(65.45% 0.1640 244.77)` | Pervenche | black, 6.6 to 1 |
| 29 | `#00a0f0` | `oklch(67.70% 0.1596 241.65)` | Button Blue | black, 7.3 to 1 |
| 30 | `#20aaf0` | `oklch(70.05% 0.1488 238.45)` | Vivid Cerulean | black, 8 to 1 |
| 31 | `#3ab2ee` | `oklch(72.45% 0.1352 235.22)` | Lynx Screen Blue | black, 8.8 to 1 |
| 32 | `#4fbbed` | `oklch(74.87% 0.1215 232.01)` | Clean Pool | black, 9.6 to 1 |
| 33 | `#62c2ec` | `oklch(77.26% 0.1080 228.85)` | Blue Mana | black, 10.4 to 1 |
| 34 | `#75c9eb` | `oklch(79.58% 0.0948 225.80)` | Spritzig | black, 11.3 to 1 |
| 35 | `#86d0ea` | `oklch(81.80% 0.0823 222.90)` | Afternoon Sky | black, 12.2 to 1 |
| 36 | `#96d5ea` | `oklch(83.86% 0.0707 220.20)` | Blue Effervescence | black, 13 to 1 |
| 37 | `#a4daea` | `oklch(85.73% 0.0601 217.74)` | Blue Click | black, 13.8 to 1 |
| 38 | `#b0dfeb` | `oklch(87.36% 0.0508 215.57)` | Intergalactic Blue | black, 14.5 to 1 |
| 39 | `#bae2eb` | `oklch(88.72% 0.0431 213.73)` | Alaskan Wind | black, 15.1 to 1 |
| 40 | `#c2e4ec` | `oklch(89.76% 0.0372 212.28)` | Serene Sky | black, 15.6 to 1 |

## CSS

```css
background: linear-gradient(225deg, #cbe5fb 0.0%, #c4e2fb 2.6%, #bcdefc 5.1%, #b2d8fc 7.7%, #a7d3fc 10.3%, #9bccfc 12.8%, #8ec4fd 15.4%, #82bcfd 17.9%, #75b4fd 20.5%, #68abfd 23.1%, #5ca2fd 25.6%, #5199fc 28.2%, #4790fc 30.8%, #3e87fb 33.3%, #367ffb 35.9%, #2f77fa 38.5%, #2871f9 41.0%, #226bf9 43.6%, #1b68f8 46.2%, #1366f8 48.7%, #0667f7 51.3%, #006bf3 53.8%, #0071ee 56.4%, #0078eb 59.0%, #007fe9 61.5%, #0087e9 64.1%, #008fea 66.7%, #0097ed 69.2%, #00a0f0 71.8%, #20aaf0 74.4%, #3ab2ee 76.9%, #4fbbed 79.5%, #62c2ec 82.1%, #75c9eb 84.6%, #86d0ea 87.2%, #96d5ea 89.7%, #a4daea 92.3%, #b0dfeb 94.9%, #bae2eb 97.4%, #c2e4ec 100.0%);
background: linear-gradient(225deg in oklch, oklch(90.94% 0.0413 243.98) 0.0%, oklch(89.87% 0.0471 244.54) 2.6%, oklch(88.47% 0.0547 245.33) 5.1%, oklch(86.79% 0.0638 246.31) 7.7%, oklch(84.88% 0.0742 247.45) 10.3%, oklch(82.76% 0.0857 248.72) 12.8%, oklch(80.49% 0.0980 250.09) 15.4%, oklch(78.11% 0.1109 251.51) 17.9%, oklch(75.65% 0.1243 252.97) 20.5%, oklch(73.17% 0.1377 254.41) 23.1%, oklch(70.69% 0.1511 255.82) 25.6%, oklch(68.28% 0.1642 257.16) 28.2%, oklch(65.96% 0.1767 258.39) 30.8%, oklch(63.78% 0.1885 259.48) 33.3%, oklch(61.78% 0.1992 260.40) 35.9%, oklch(60.01% 0.2087 261.12) 38.5%, oklch(58.50% 0.2168 261.59) 41.0%, oklch(57.29% 0.2232 261.80) 43.6%, oklch(56.44% 0.2276 261.69) 46.2%, oklch(55.98% 0.2299 261.25) 48.7%, oklch(55.95% 0.2298 260.43) 51.3%, oklch(56.35% 0.2204 259.18) 53.8%, oklch(57.13% 0.2072 257.52) 56.4%, oklch(58.27% 0.1953 255.50) 59.0%, oklch(59.71% 0.1851 253.17) 61.5%, oklch(61.42% 0.1765 250.57) 64.1%, oklch(63.34% 0.1695 247.75) 66.7%, oklch(65.45% 0.1640 244.77) 69.2%, oklch(67.70% 0.1596 241.65) 71.8%, oklch(70.05% 0.1488 238.45) 74.4%, oklch(72.45% 0.1352 235.22) 76.9%, oklch(74.87% 0.1215 232.01) 79.5%, oklch(77.26% 0.1080 228.85) 82.1%, oklch(79.58% 0.0948 225.80) 84.6%, oklch(81.80% 0.0823 222.90) 87.2%, oklch(83.86% 0.0707 220.20) 89.7%, oklch(85.73% 0.0601 217.74) 92.3%, oklch(87.36% 0.0508 215.57) 94.9%, oklch(88.72% 0.0431 213.73) 97.4%, oklch(89.76% 0.0372 212.28) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.909 | 0.041 | 244 |
| 2 | 0.559 | 0.23 | 260.9 |
| 3 | 0.898 | 0.037 | 212.3 |

## In these collections

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

## Other forms

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