# Monochrome light blue to blue linear gradient

Monochrome light blue to blue linear gradient with 34 colors: #b6d4fe, #b2d2fe, #aed0fe, #a9cdff, #a3caff, #9dc6fe, #96c2fe, #90befe, #89bbfe, #82b7fe, #7cb4fe, #76b1fe, #70aefe, #69acff, #62a9ff, #5ba7ff, #53a5ff, #4ba3ff, #43a1ff, #3a9fff, #319eff, #289cff, #1e9cff, #159bff, #0b9bff, #039bff, #009cff, #009dff, #019eff, #049fff, #09a0ff, #0da0ff, #0fa1ff, #0fa2ff. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU2zG2366_1ZBPzXv7-A`
- Page: https://grabient.com/kU2zG2366_1ZBPzXv7-A?steps=34
- Drawn as: linear gradient, 34 steps, 90 degrees
- Kinds: vivid, neon, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.9 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 | `#b6d4fe` | `oklch(86.22% 0.0675 256.64)` | Ice Cold Stare | black, 13.8 to 1 |
| 2 | `#b2d2fe` | `oklch(85.62% 0.0708 256.60)` | Ice Cold Stare | black, 13.5 to 1 |
| 3 | `#aed0fe` | `oklch(84.84% 0.0750 256.58)` | Ice Cold Stare | black, 13.2 to 1 |
| 4 | `#a9cdff` | `oklch(83.91% 0.0799 256.57)` | Night Snow | black, 12.8 to 1 |
| 5 | `#a3caff` | `oklch(82.87% 0.0855 256.56)` | Night Snow | black, 12.4 to 1 |
| 6 | `#9dc6fe` | `oklch(81.76% 0.0915 256.53)` | Apocyan | black, 11.9 to 1 |
| 7 | `#96c2fe` | `oklch(80.59% 0.0978 256.48)` | Pastel Blue | black, 11.4 to 1 |
| 8 | `#90befe` | `oklch(79.41% 0.1043 256.40)` | Truesky Gloxym | black, 11 to 1 |
| 9 | `#89bbfe` | `oklch(78.25% 0.1107 256.28)` | Scenic Water | black, 10.5 to 1 |
| 10 | `#82b7fe` | `oklch(77.13% 0.1169 256.11)` | Parakeet Blue | black, 10.1 to 1 |
| 11 | `#7cb4fe` | `oklch(76.11% 0.1228 255.88)` | French Sky Blue | black, 9.8 to 1 |
| 12 | `#76b1fe` | `oklch(75.20% 0.1281 255.58)` | French Sky Blue | black, 9.4 to 1 |
| 13 | `#70aefe` | `oklch(74.35% 0.1334 255.19)` | Fennel Flower | black, 9.2 to 1 |
| 14 | `#69acff` | `oklch(73.50% 0.1388 254.71)` | Fennel Flower | black, 8.9 to 1 |
| 15 | `#62a9ff` | `oklch(72.67% 0.1442 254.15)` | Âbi Blue | black, 8.6 to 1 |
| 16 | `#5ba7ff` | `oklch(71.85% 0.1497 253.53)` | Âbi Blue | black, 8.4 to 1 |
| 17 | `#53a5ff` | `oklch(71.07% 0.1548 252.88)` | Âbi Blue | black, 8.1 to 1 |
| 18 | `#4ba3ff` | `oklch(70.33% 0.1597 252.21)` | Âbi Blue | black, 7.9 to 1 |
| 19 | `#43a1ff` | `oklch(69.65% 0.1643 251.54)` | Sky Dancer | black, 7.7 to 1 |
| 20 | `#3a9fff` | `oklch(69.04% 0.1686 250.88)` | Sky Dancer | black, 7.5 to 1 |
| 21 | `#319eff` | `oklch(68.50% 0.1724 250.27)` | Brilliant Azure | black, 7.4 to 1 |
| 22 | `#289cff` | `oklch(68.06% 0.1756 249.72)` | Brilliant Azure | black, 7.3 to 1 |
| 23 | `#1e9cff` | `oklch(67.72% 0.1782 249.24)` | Blue Nebula | black, 7.2 to 1 |
| 24 | `#159bff` | `oklch(67.50% 0.1799 248.82)` | Blue Nebula | black, 7.1 to 1 |
| 25 | `#0b9bff` | `oklch(67.42% 0.1809 248.43)` | Blue Nebula | black, 7.1 to 1 |
| 26 | `#039bff` | `oklch(67.45% 0.1811 248.06)` | Blue Nebula | black, 7.1 to 1 |
| 27 | `#009cff` | `oklch(67.56% 0.1807 247.73)` | Blue Nebula | black, 7.1 to 1 |
| 28 | `#009dff` | `oklch(67.74% 0.1799 247.42)` | Blue Nebula | black, 7.2 to 1 |
| 29 | `#019eff` | `oklch(67.95% 0.1790 247.12)` | Blue Nebula | black, 7.3 to 1 |
| 30 | `#049fff` | `oklch(68.19% 0.1778 246.86)` | Blue Nebula | black, 7.3 to 1 |
| 31 | `#09a0ff` | `oklch(68.43% 0.1766 246.62)` | Blue Nebula | black, 7.4 to 1 |
| 32 | `#0da0ff` | `oklch(68.64% 0.1755 246.41)` | Blue Nebula | black, 7.5 to 1 |
| 33 | `#0fa1ff` | `oklch(68.80% 0.1747 246.23)` | Blue Nebula | black, 7.5 to 1 |
| 34 | `#0fa2ff` | `oklch(68.90% 0.1743 246.07)` | Rockman Blue | black, 7.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #b6d4fe 0.0%, #b2d2fe 3.0%, #aed0fe 6.1%, #a9cdff 9.1%, #a3caff 12.1%, #9dc6fe 15.2%, #96c2fe 18.2%, #90befe 21.2%, #89bbfe 24.2%, #82b7fe 27.3%, #7cb4fe 30.3%, #76b1fe 33.3%, #70aefe 36.4%, #69acff 39.4%, #62a9ff 42.4%, #5ba7ff 45.5%, #53a5ff 48.5%, #4ba3ff 51.5%, #43a1ff 54.5%, #3a9fff 57.6%, #319eff 60.6%, #289cff 63.6%, #1e9cff 66.7%, #159bff 69.7%, #0b9bff 72.7%, #039bff 75.8%, #009cff 78.8%, #009dff 81.8%, #019eff 84.8%, #049fff 87.9%, #09a0ff 90.9%, #0da0ff 93.9%, #0fa1ff 97.0%, #0fa2ff 100.0%);
background: linear-gradient(90deg in oklch, oklch(86.22% 0.0675 256.64) 0.0%, oklch(85.62% 0.0708 256.60) 3.0%, oklch(84.84% 0.0750 256.58) 6.1%, oklch(83.91% 0.0799 256.57) 9.1%, oklch(82.87% 0.0855 256.56) 12.1%, oklch(81.76% 0.0915 256.53) 15.2%, oklch(80.59% 0.0978 256.48) 18.2%, oklch(79.41% 0.1043 256.40) 21.2%, oklch(78.25% 0.1107 256.28) 24.2%, oklch(77.13% 0.1169 256.11) 27.3%, oklch(76.11% 0.1228 255.88) 30.3%, oklch(75.20% 0.1281 255.58) 33.3%, oklch(74.35% 0.1334 255.19) 36.4%, oklch(73.50% 0.1388 254.71) 39.4%, oklch(72.67% 0.1442 254.15) 42.4%, oklch(71.85% 0.1497 253.53) 45.5%, oklch(71.07% 0.1548 252.88) 48.5%, oklch(70.33% 0.1597 252.21) 51.5%, oklch(69.65% 0.1643 251.54) 54.5%, oklch(69.04% 0.1686 250.88) 57.6%, oklch(68.50% 0.1724 250.27) 60.6%, oklch(68.06% 0.1756 249.72) 63.6%, oklch(67.72% 0.1782 249.24) 66.7%, oklch(67.50% 0.1799 248.82) 69.7%, oklch(67.42% 0.1809 248.43) 72.7%, oklch(67.45% 0.1811 248.06) 75.8%, oklch(67.56% 0.1807 247.73) 78.8%, oklch(67.74% 0.1799 247.42) 81.8%, oklch(67.95% 0.1790 247.12) 84.8%, oklch(68.19% 0.1778 246.86) 87.9%, oklch(68.43% 0.1766 246.62) 90.9%, oklch(68.64% 0.1755 246.41) 93.9%, oklch(68.80% 0.1747 246.23) 97.0%, oklch(68.90% 0.1743 246.07) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.862 | 0.068 | 256.6 |
| 2 | 0.752 | 0.128 | 255.6 |
| 3 | 0.677 | 0.179 | 249.2 |
| 4 | 0.689 | 0.175 | 246.1 |

## In these collections

- [Cyan gradients](https://grabient.com/cyan-gradients)

## Other forms

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