# Pastel monochrome blue linear gradient

Pastel monochrome blue linear gradient with 32 colors: #4f9fd4, #4f9fd5, #4fa1d7, #50a2d9, #50a4db, #50a6de, #51a8e0, #52a9e2, #53abe5, #55ace7, #57ade8, #5aaeea, #5daeeb, #60afec, #64afec, #68afed, #6cafed, #6fafed, #73afed, #77aeed, #7caeed, #80aded, #84aced, #89abed, #8fa9ec, #94a7eb, #99a6e9, #9da4e7, #a1a2e5, #a5a1e4, #a8a0e2, #aa9fe1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUq1GrW6vAF4mwbdokQA`
- Page: https://grabient.com/kUq1GrW6vAF4mwbdokQA?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: even lightness, pastel, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.2 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 | `#4f9fd4` | `oklch(67.32% 0.1116 240.47)` | Peaceful River | black, 7.2 to 1 |
| 2 | `#4f9fd5` | `oklch(67.61% 0.1122 240.47)` | Peaceful River | black, 7.2 to 1 |
| 3 | `#4fa1d7` | `oklch(67.98% 0.1130 240.40)` | Waimea Blue | black, 7.3 to 1 |
| 4 | `#50a2d9` | `oklch(68.43% 0.1141 240.29)` | Waimea Blue | black, 7.5 to 1 |
| 5 | `#50a4db` | `oklch(68.93% 0.1152 240.17)` | Waimea Blue | black, 7.6 to 1 |
| 6 | `#50a6de` | `oklch(69.47% 0.1164 240.08)` | High Blue | black, 7.8 to 1 |
| 7 | `#51a8e0` | `oklch(70.02% 0.1176 240.06)` | High Blue | black, 7.9 to 1 |
| 8 | `#52a9e2` | `oklch(70.56% 0.1186 240.13)` | High Blue | black, 8.1 to 1 |
| 9 | `#53abe5` | `oklch(71.07% 0.1193 240.34)` | High Blue | black, 8.3 to 1 |
| 10 | `#55ace7` | `oklch(71.54% 0.1198 240.71)` | Blue Jeans | black, 8.4 to 1 |
| 11 | `#57ade8` | `oklch(71.93% 0.1199 241.28)` | Blue Jeans | black, 8.5 to 1 |
| 12 | `#5aaeea` | `oklch(72.26% 0.1196 242.05)` | Blue Jeans | black, 8.6 to 1 |
| 13 | `#5daeeb` | `oklch(72.55% 0.1189 242.91)` | Blue Jeans | black, 8.7 to 1 |
| 14 | `#60afec` | `oklch(72.81% 0.1179 243.87)` | Blue Jeans | black, 8.8 to 1 |
| 15 | `#64afec` | `oklch(73.05% 0.1166 244.95)` | Blue Jeans | black, 8.8 to 1 |
| 16 | `#68afed` | `oklch(73.26% 0.1151 246.15)` | Blue Jeans | black, 8.9 to 1 |
| 17 | `#6cafed` | `oklch(73.44% 0.1135 247.51)` | Blue Jeans | black, 8.9 to 1 |
| 18 | `#6fafed` | `oklch(73.60% 0.1118 249.03)` | Blue Jeans | black, 9 to 1 |
| 19 | `#73afed` | `oklch(73.74% 0.1101 250.74)` | Pool Floor | black, 9 to 1 |
| 20 | `#77aeed` | `oklch(73.86% 0.1085 252.64)` | Pool Floor | black, 9 to 1 |
| 21 | `#7caeed` | `oklch(73.96% 0.1070 254.77)` | Pool Floor | black, 9.1 to 1 |
| 22 | `#80aded` | `oklch(74.04% 0.1057 257.16)` | Fly Away | black, 9.1 to 1 |
| 23 | `#84aced` | `oklch(74.08% 0.1043 260.09)` | Kitten’s Eye | black, 9.1 to 1 |
| 24 | `#89abed` | `oklch(74.08% 0.1030 263.52)` | Kitten’s Eye | black, 9 to 1 |
| 25 | `#8fa9ec` | `oklch(74.05% 0.1016 267.31)` | Kitten’s Eye | black, 9 to 1 |
| 26 | `#94a7eb` | `oklch(74.00% 0.1002 271.31)` | Cold Lips | black, 8.9 to 1 |
| 27 | `#99a6e9` | `oklch(73.93% 0.0988 275.35)` | Cold Lips | black, 8.9 to 1 |
| 28 | `#9da4e7` | `oklch(73.85% 0.0975 279.31)` | Cold Lips | black, 8.9 to 1 |
| 29 | `#a1a2e5` | `oklch(73.78% 0.0964 283.02)` | Cold Lips | black, 8.8 to 1 |
| 30 | `#a5a1e4` | `oklch(73.71% 0.0953 286.33)` | Simply Violet | black, 8.8 to 1 |
| 31 | `#a8a0e2` | `oklch(73.65% 0.0944 289.11)` | Simply Violet | black, 8.7 to 1 |
| 32 | `#aa9fe1` | `oklch(73.62% 0.0937 291.19)` | Violet Velvet | black, 8.7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #4f9fd4 0.0%, #4f9fd5 3.2%, #4fa1d7 6.5%, #50a2d9 9.7%, #50a4db 12.9%, #50a6de 16.1%, #51a8e0 19.4%, #52a9e2 22.6%, #53abe5 25.8%, #55ace7 29.0%, #57ade8 32.3%, #5aaeea 35.5%, #5daeeb 38.7%, #60afec 41.9%, #64afec 45.2%, #68afed 48.4%, #6cafed 51.6%, #6fafed 54.8%, #73afed 58.1%, #77aeed 61.3%, #7caeed 64.5%, #80aded 67.7%, #84aced 71.0%, #89abed 74.2%, #8fa9ec 77.4%, #94a7eb 80.6%, #99a6e9 83.9%, #9da4e7 87.1%, #a1a2e5 90.3%, #a5a1e4 93.5%, #a8a0e2 96.8%, #aa9fe1 100.0%);
background: linear-gradient(45deg in oklch, oklch(67.32% 0.1116 240.47) 0.0%, oklch(67.61% 0.1122 240.47) 3.2%, oklch(67.98% 0.1130 240.40) 6.5%, oklch(68.43% 0.1141 240.29) 9.7%, oklch(68.93% 0.1152 240.17) 12.9%, oklch(69.47% 0.1164 240.08) 16.1%, oklch(70.02% 0.1176 240.06) 19.4%, oklch(70.56% 0.1186 240.13) 22.6%, oklch(71.07% 0.1193 240.34) 25.8%, oklch(71.54% 0.1198 240.71) 29.0%, oklch(71.93% 0.1199 241.28) 32.3%, oklch(72.26% 0.1196 242.05) 35.5%, oklch(72.55% 0.1189 242.91) 38.7%, oklch(72.81% 0.1179 243.87) 41.9%, oklch(73.05% 0.1166 244.95) 45.2%, oklch(73.26% 0.1151 246.15) 48.4%, oklch(73.44% 0.1135 247.51) 51.6%, oklch(73.60% 0.1118 249.03) 54.8%, oklch(73.74% 0.1101 250.74) 58.1%, oklch(73.86% 0.1085 252.64) 61.3%, oklch(73.96% 0.1070 254.77) 64.5%, oklch(74.04% 0.1057 257.16) 67.7%, oklch(74.08% 0.1043 260.09) 71.0%, oklch(74.08% 0.1030 263.52) 74.2%, oklch(74.05% 0.1016 267.31) 77.4%, oklch(74.00% 0.1002 271.31) 80.6%, oklch(73.93% 0.0988 275.35) 83.9%, oklch(73.85% 0.0975 279.31) 87.1%, oklch(73.78% 0.0964 283.02) 90.3%, oklch(73.71% 0.0953 286.33) 93.5%, oklch(73.65% 0.0944 289.11) 96.8%, oklch(73.62% 0.0937 291.19) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.673 | 0.112 | 240.5 |
| 2 | 0.72 | 0.12 | 241.5 |
| 3 | 0.74 | 0.106 | 256.3 |
| 4 | 0.736 | 0.094 | 291.2 |

## In these collections

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

## Other forms

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