# Pastel duotone blue to lavender linear gradient

Pastel duotone blue to lavender linear gradient with 32 colors: #1ea6d9, #27a6db, #31a7de, #3aa7e1, #44a7e4, #4da7e7, #56a7eb, #5fa7ee, #69a8f1, #71a8f3, #7aa8f6, #82a8f8, #8aa8f9, #91a8fb, #98a8fb, #9fa8fc, #a4a8fc, #aaa9fc, #b0a9fc, #b5a9fb, #baa9fa, #bfaaf9, #c4aaf8, #c9abf7, #cdabf5, #d1acf4, #d4acf3, #d8adf1, #daadf0, #ddaeef, #dfaeee, #e1afed. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSrV6j4KvF2gkxK`
- Page: https://grabient.com/kSrV6j4KvF2gkxK?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: pastel, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 1.5 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 | `#1ea6d9` | `oklch(68.11% 0.1295 229.92)` | Malibu Blue | black, 7.5 to 1 |
| 2 | `#27a6db` | `oklch(68.40% 0.1292 231.74)` | Malibu Blue | black, 7.5 to 1 |
| 3 | `#31a7de` | `oklch(68.76% 0.1288 233.97)` | Huelveño Horizon | black, 7.6 to 1 |
| 4 | `#3aa7e1` | `oklch(69.17% 0.1284 236.55)` | High Blue | black, 7.7 to 1 |
| 5 | `#44a7e4` | `oklch(69.63% 0.1280 239.45)` | High Blue | black, 7.8 to 1 |
| 6 | `#4da7e7` | `oklch(70.14% 0.1275 242.60)` | High Blue | black, 8 to 1 |
| 7 | `#56a7eb` | `oklch(70.68% 0.1269 245.97)` | Cerulean | black, 8.1 to 1 |
| 8 | `#5fa7ee` | `oklch(71.24% 0.1264 249.51)` | Cerulean | black, 8.2 to 1 |
| 9 | `#69a8f1` | `oklch(71.83% 0.1258 253.17)` | Cerulean | black, 8.4 to 1 |
| 10 | `#71a8f3` | `oklch(72.42% 0.1251 256.90)` | Fennel Flower | black, 8.5 to 1 |
| 11 | `#7aa8f6` | `oklch(73.02% 0.1244 260.65)` | Fennel Flower | black, 8.7 to 1 |
| 12 | `#82a8f8` | `oklch(73.61% 0.1237 264.38)` | Fennel Flower | black, 8.8 to 1 |
| 13 | `#8aa8f9` | `oklch(74.18% 0.1229 268.04)` | Kitten’s Eye | black, 9 to 1 |
| 14 | `#91a8fb` | `oklch(74.74% 0.1221 271.58)` | Widowmaker | black, 9.1 to 1 |
| 15 | `#98a8fb` | `oklch(75.27% 0.1212 274.95)` | Widowmaker | black, 9.3 to 1 |
| 16 | `#9fa8fc` | `oklch(75.76% 0.1203 278.11)` | Widowmaker | black, 9.4 to 1 |
| 17 | `#a4a8fc` | `oklch(76.21% 0.1194 281.05)` | Shy Moment | black, 9.6 to 1 |
| 18 | `#aaa9fc` | `oklch(76.66% 0.1183 284.02)` | Shy Moment | black, 9.7 to 1 |
| 19 | `#b0a9fc` | `oklch(77.11% 0.1171 287.04)` | Shy Moment | black, 9.8 to 1 |
| 20 | `#b5a9fb` | `oklch(77.57% 0.1158 290.09)` | Winterspring Lilac | black, 10 to 1 |
| 21 | `#baa9fa` | `oklch(78.02% 0.1144 293.14)` | Winterspring Lilac | black, 10.1 to 1 |
| 22 | `#bfaaf9` | `oklch(78.46% 0.1130 296.17)` | Winterspring Lilac | black, 10.3 to 1 |
| 23 | `#c4aaf8` | `oklch(78.90% 0.1115 299.15)` | Purple Hepatica | black, 10.4 to 1 |
| 24 | `#c9abf7` | `oklch(79.33% 0.1100 302.06)` | Teasel Dipsacus | black, 10.6 to 1 |
| 25 | `#cdabf5` | `oklch(79.73% 0.1085 304.87)` | Teasel Dipsacus | black, 10.7 to 1 |
| 26 | `#d1acf4` | `oklch(80.12% 0.1071 307.56)` | Teasel Dipsacus | black, 10.8 to 1 |
| 27 | `#d4acf3` | `oklch(80.49% 0.1057 310.10)` | Teasel Dipsacus | black, 11 to 1 |
| 28 | `#d8adf1` | `oklch(80.83% 0.1044 312.47)` | Petal Plush | black, 11.1 to 1 |
| 29 | `#daadf0` | `oklch(81.15% 0.1033 314.64)` | Petal Plush | black, 11.2 to 1 |
| 30 | `#ddaeef` | `oklch(81.43% 0.1022 316.60)` | Petal Plush | black, 11.3 to 1 |
| 31 | `#dfaeee` | `oklch(81.68% 0.1013 318.31)` | Petal Plush | black, 11.4 to 1 |
| 32 | `#e1afed` | `oklch(81.89% 0.1006 319.75)` | Candy Dreams | black, 11.5 to 1 |

## CSS

```css
background: linear-gradient(180deg, #1ea6d9 0.0%, #27a6db 3.2%, #31a7de 6.5%, #3aa7e1 9.7%, #44a7e4 12.9%, #4da7e7 16.1%, #56a7eb 19.4%, #5fa7ee 22.6%, #69a8f1 25.8%, #71a8f3 29.0%, #7aa8f6 32.3%, #82a8f8 35.5%, #8aa8f9 38.7%, #91a8fb 41.9%, #98a8fb 45.2%, #9fa8fc 48.4%, #a4a8fc 51.6%, #aaa9fc 54.8%, #b0a9fc 58.1%, #b5a9fb 61.3%, #baa9fa 64.5%, #bfaaf9 67.7%, #c4aaf8 71.0%, #c9abf7 74.2%, #cdabf5 77.4%, #d1acf4 80.6%, #d4acf3 83.9%, #d8adf1 87.1%, #daadf0 90.3%, #ddaeef 93.5%, #dfaeee 96.8%, #e1afed 100.0%);
background: linear-gradient(180deg in oklch, oklch(68.11% 0.1295 229.92) 0.0%, oklch(68.40% 0.1292 231.74) 3.2%, oklch(68.76% 0.1288 233.97) 6.5%, oklch(69.17% 0.1284 236.55) 9.7%, oklch(69.63% 0.1280 239.45) 12.9%, oklch(70.14% 0.1275 242.60) 16.1%, oklch(70.68% 0.1269 245.97) 19.4%, oklch(71.24% 0.1264 249.51) 22.6%, oklch(71.83% 0.1258 253.17) 25.8%, oklch(72.42% 0.1251 256.90) 29.0%, oklch(73.02% 0.1244 260.65) 32.3%, oklch(73.61% 0.1237 264.38) 35.5%, oklch(74.18% 0.1229 268.04) 38.7%, oklch(74.74% 0.1221 271.58) 41.9%, oklch(75.27% 0.1212 274.95) 45.2%, oklch(75.76% 0.1203 278.11) 48.4%, oklch(76.21% 0.1194 281.05) 51.6%, oklch(76.66% 0.1183 284.02) 54.8%, oklch(77.11% 0.1171 287.04) 58.1%, oklch(77.57% 0.1158 290.09) 61.3%, oklch(78.02% 0.1144 293.14) 64.5%, oklch(78.46% 0.1130 296.17) 67.7%, oklch(78.90% 0.1115 299.15) 71.0%, oklch(79.33% 0.1100 302.06) 74.2%, oklch(79.73% 0.1085 304.87) 77.4%, oklch(80.12% 0.1071 307.56) 80.6%, oklch(80.49% 0.1057 310.10) 83.9%, oklch(80.83% 0.1044 312.47) 87.1%, oklch(81.15% 0.1033 314.64) 90.3%, oklch(81.43% 0.1022 316.60) 93.5%, oklch(81.68% 0.1013 318.31) 96.8%, oklch(81.89% 0.1006 319.75) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.681 | 0.13 | 229.9 |
| 2 | 0.76 | 0.12 | 279.6 |
| 3 | 0.819 | 0.101 | 319.7 |

## In these collections

- [Vaporwave gradients](https://grabient.com/vaporwave-gradients)

## Other forms

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