# Monochrome light blue to blue linear gradient

Monochrome light blue to blue linear gradient with 32 colors: #bad1fe, #b6cefe, #b1caff, #acc6ff, #a7c1ff, #a1bcff, #9bb6ff, #95b0ff, #8faaff, #89a3fe, #849dfc, #7f98f8, #7992f4, #748cef, #6e86e9, #6981e3, #637bdd, #5d75d7, #586fd0, #526aca, #4d64c4, #475fbe, #4259b9, #3c53b3, #354dad, #2f47a7, #2a41a1, #243b9b, #1f3696, #1a3192, #172c8e, #14298b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU2jG72rPA0K3P8ruz-A`
- Page: https://grabient.com/kU2jG72rPA0K3P8ruz-A?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light to dark, vivid, cool, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 7.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 | `#bad1fe` | `oklch(85.83% 0.0675 263.67)` | Ice Cold Stare | black, 13.6 to 1 |
| 2 | `#b6cefe` | `oklch(85.01% 0.0721 264.13)` | Ice Cold Stare | black, 13.2 to 1 |
| 3 | `#b1caff` | `oklch(83.99% 0.0782 264.77)` | Night Snow | black, 12.8 to 1 |
| 4 | `#acc6ff` | `oklch(82.79% 0.0852 265.53)` | Night Snow | black, 12.2 to 1 |
| 5 | `#a7c1ff` | `oklch(81.45% 0.0923 266.38)` | Pastel Blue | black, 11.7 to 1 |
| 6 | `#a1bcff` | `oklch(79.98% 0.1002 267.28)` | Pastel Blue | black, 11.1 to 1 |
| 7 | `#9bb6ff` | `oklch(78.42% 0.1087 268.19)` | Truesky Gloxym | black, 10.5 to 1 |
| 8 | `#95b0ff` | `oklch(76.79% 0.1177 269.05)` | Widowmaker | black, 9.9 to 1 |
| 9 | `#8faaff` | `oklch(75.13% 0.1270 269.82)` | Widowmaker | black, 9.3 to 1 |
| 10 | `#89a3fe` | `oklch(73.46% 0.1350 270.47)` | Fennel Flower | black, 8.7 to 1 |
| 11 | `#849dfc` | `oklch(71.80% 0.1405 270.95)` | Periwinkle Blue | black, 8.2 to 1 |
| 12 | `#7f98f8` | `oklch(70.16% 0.1444 271.24)` | Periwinkle Blue | black, 7.7 to 1 |
| 13 | `#7992f4` | `oklch(68.45% 0.1471 271.40)` | Guilliman Blue | black, 7.2 to 1 |
| 14 | `#748cef` | `oklch(66.67% 0.1490 271.45)` | Soft Blue | black, 6.7 to 1 |
| 15 | `#6e86e9` | `oklch(64.84% 0.1501 271.40)` | Soft Blue | black, 6.2 to 1 |
| 16 | `#6981e3` | `oklch(62.98% 0.1506 271.28)` | Soft Blue | black, 5.8 to 1 |
| 17 | `#637bdd` | `oklch(61.09% 0.1507 271.11)` | Pan Purple | black, 5.3 to 1 |
| 18 | `#5d75d7` | `oklch(59.19% 0.1507 270.89)` | Indigo Light | black, 4.9 to 1 |
| 19 | `#586fd0` | `oklch(57.29% 0.1506 270.64)` | Cornflower | black, 4.6 to 1 |
| 20 | `#526aca` | `oklch(55.41% 0.1506 270.39)` | Borage Blue | white, 4.9 to 1 |
| 21 | `#4d64c4` | `oklch(53.57% 0.1510 270.16)` | God of Rain | white, 5.3 to 1 |
| 22 | `#475fbe` | `oklch(51.76% 0.1519 269.94)` | Chinese Bellflower | white, 5.7 to 1 |
| 23 | `#4259b9` | `oklch(49.86% 0.1530 269.68)` | Free Speech Blue | white, 6.2 to 1 |
| 24 | `#3c53b3` | `oklch(47.86% 0.1542 269.38)` | Blasphemous Blue | white, 6.8 to 1 |
| 25 | `#354dad` | `oklch(45.82% 0.1554 269.03)` | Night in Manchester | white, 7.4 to 1 |
| 26 | `#2f47a7` | `oklch(43.79% 0.1567 268.67)` | The Blues Brothers | white, 8.1 to 1 |
| 27 | `#2a41a1` | `oklch(41.80% 0.1579 268.30)` | Space Explorer | white, 8.8 to 1 |
| 28 | `#243b9b` | `oklch(39.91% 0.1591 267.94)` | Liquid Denim | white, 9.6 to 1 |
| 29 | `#1f3696` | `oklch(38.16% 0.1602 267.59)` | North Star Blue | white, 10.3 to 1 |
| 30 | `#1a3192` | `oklch(36.61% 0.1611 267.29)` | Dark Seashore Night | white, 11 to 1 |
| 31 | `#172c8e` | `oklch(35.29% 0.1620 267.03)` | US Air Force Blue | white, 11.7 to 1 |
| 32 | `#14298b` | `oklch(34.25% 0.1626 266.84)` | Naval Adventures | white, 12.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #bad1fe 0.0%, #b6cefe 3.2%, #b1caff 6.5%, #acc6ff 9.7%, #a7c1ff 12.9%, #a1bcff 16.1%, #9bb6ff 19.4%, #95b0ff 22.6%, #8faaff 25.8%, #89a3fe 29.0%, #849dfc 32.3%, #7f98f8 35.5%, #7992f4 38.7%, #748cef 41.9%, #6e86e9 45.2%, #6981e3 48.4%, #637bdd 51.6%, #5d75d7 54.8%, #586fd0 58.1%, #526aca 61.3%, #4d64c4 64.5%, #475fbe 67.7%, #4259b9 71.0%, #3c53b3 74.2%, #354dad 77.4%, #2f47a7 80.6%, #2a41a1 83.9%, #243b9b 87.1%, #1f3696 90.3%, #1a3192 93.5%, #172c8e 96.8%, #14298b 100.0%);
background: linear-gradient(90deg in oklch, oklch(85.83% 0.0675 263.67) 0.0%, oklch(85.01% 0.0721 264.13) 3.2%, oklch(83.99% 0.0782 264.77) 6.5%, oklch(82.79% 0.0852 265.53) 9.7%, oklch(81.45% 0.0923 266.38) 12.9%, oklch(79.98% 0.1002 267.28) 16.1%, oklch(78.42% 0.1087 268.19) 19.4%, oklch(76.79% 0.1177 269.05) 22.6%, oklch(75.13% 0.1270 269.82) 25.8%, oklch(73.46% 0.1350 270.47) 29.0%, oklch(71.80% 0.1405 270.95) 32.3%, oklch(70.16% 0.1444 271.24) 35.5%, oklch(68.45% 0.1471 271.40) 38.7%, oklch(66.67% 0.1490 271.45) 41.9%, oklch(64.84% 0.1501 271.40) 45.2%, oklch(62.98% 0.1506 271.28) 48.4%, oklch(61.09% 0.1507 271.11) 51.6%, oklch(59.19% 0.1507 270.89) 54.8%, oklch(57.29% 0.1506 270.64) 58.1%, oklch(55.41% 0.1506 270.39) 61.3%, oklch(53.57% 0.1510 270.16) 64.5%, oklch(51.76% 0.1519 269.94) 67.7%, oklch(49.86% 0.1530 269.68) 71.0%, oklch(47.86% 0.1542 269.38) 74.2%, oklch(45.82% 0.1554 269.03) 77.4%, oklch(43.79% 0.1567 268.67) 80.6%, oklch(41.80% 0.1579 268.30) 83.9%, oklch(39.91% 0.1591 267.94) 87.1%, oklch(38.16% 0.1602 267.59) 90.3%, oklch(36.61% 0.1611 267.29) 93.5%, oklch(35.29% 0.1620 267.03) 96.8%, oklch(34.25% 0.1626 266.84) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.858 | 0.068 | 263.7 |
| 2 | 0.713 | 0.142 | 271.1 |
| 3 | 0.524 | 0.152 | 270 |
| 4 | 0.343 | 0.163 | 266.8 |

## In these collections

- [Population density gradients](https://grabient.com/population-density-gradients)

## Other forms

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