# Blue periwinkle ice fade

Monochrome blue to light blue linear gradient with 56 colors: #0e51d6, #1554d7, #1c57d8, #235cda, #2b60dc, #3265dd, #3a6adf, #4270e1, #4a75e4, #537be6, #5b81e8, #6387ea, #6c8dec, #7493ef, #7c99f1, #849ff3, #8ca5f4, #94abf6, #9bb1f8, #a2b7f9, #a9bcfb, #afc1fc, #b5c6fd, #bacafe, #bfceff, #c3d1ff, #c6d4ff, #c9d6ff, #cad8ff, #cbd9ff, #cbd9fe, #cbdafe, #cad9fd, #c9d9fc, #c7d8fa, #c4d7f9, #c2d5f7, #bed3f6, #bbd1f4, #b7cff2, #b3cdf0, #aecbee, #aac8ec, #a5c6ea, #a0c3e8, #9bc1e5, #96bfe3, #91bce1, #8dbadf, #88b8dd, #84b6db, #80b4d9, #7cb3d7, #79b1d5, #77b0d4, #75afd3. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome blue to light blue linear gradient
- Seed: `kSfJu68BVA9ydO8`
- Page: https://grabient.com/kSfJu68BVA9ydO8?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: light center, vivid, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#0e51d6` | `oklch(48.82% 0.2136 262.27)` | Frosted Blueberries | white, 6.6 to 1 |
| 2 | `#1554d7` | `oklch(49.62% 0.2104 262.46)` | Frosted Blueberries | white, 6.4 to 1 |
| 3 | `#1c57d8` | `oklch(50.59% 0.2067 262.72)` | Chun-Li Blue | white, 6.1 to 1 |
| 4 | `#235cda` | `oklch(51.70% 0.2024 263.05)` | Bnei Brak Bay | white, 5.8 to 1 |
| 5 | `#2b60dc` | `oklch(52.95% 0.1976 263.44)` | Bnei Brak Bay | white, 5.5 to 1 |
| 6 | `#3265dd` | `oklch(54.32% 0.1923 263.87)` | Royal Blue | white, 5.1 to 1 |
| 7 | `#3a6adf` | `oklch(55.80% 0.1867 264.35)` | Royal Blue | white, 4.8 to 1 |
| 8 | `#4270e1` | `oklch(57.38% 0.1807 264.87)` | Royal Blue | black, 4.6 to 1 |
| 9 | `#4a75e4` | `oklch(59.03% 0.1743 265.41)` | Skies of Cyberspace | black, 4.9 to 1 |
| 10 | `#537be6` | `oklch(60.76% 0.1678 265.97)` | Blue Öyster Cult | black, 5.3 to 1 |
| 11 | `#5b81e8` | `oklch(62.54% 0.1609 266.54)` | Blue Elemental | black, 5.7 to 1 |
| 12 | `#6387ea` | `oklch(64.36% 0.1540 267.12)` | Soft Blue | black, 6.1 to 1 |
| 13 | `#6c8dec` | `oklch(66.21% 0.1469 267.69)` | Soft Blue | black, 6.6 to 1 |
| 14 | `#7493ef` | `oklch(68.07% 0.1397 268.26)` | Guilliman Blue | black, 7.1 to 1 |
| 15 | `#7c99f1` | `oklch(69.93% 0.1326 268.81)` | Periwinkle Blue | black, 7.7 to 1 |
| 16 | `#849ff3` | `oklch(71.78% 0.1254 269.33)` | Periwinkle Blue | black, 8.2 to 1 |
| 17 | `#8ca5f4` | `oklch(73.60% 0.1183 269.82)` | Kitten’s Eye | black, 8.8 to 1 |
| 18 | `#94abf6` | `oklch(75.38% 0.1114 270.27)` | Kitten’s Eye | black, 9.4 to 1 |
| 19 | `#9bb1f8` | `oklch(77.10% 0.1046 270.68)` | Wondrous Wisteria | black, 10 to 1 |
| 20 | `#a2b7f9` | `oklch(78.76% 0.0980 271.02)` | Truesky Gloxym | black, 10.6 to 1 |
| 21 | `#a9bcfb` | `oklch(80.33% 0.0917 271.31)` | Pastel Blue | black, 11.2 to 1 |
| 22 | `#afc1fc` | `oklch(81.81% 0.0857 271.53)` | Pastel Blue | black, 11.8 to 1 |
| 23 | `#b5c6fd` | `oklch(83.19% 0.0801 271.67)` | Light Periwinkle | black, 12.4 to 1 |
| 24 | `#bacafe` | `oklch(84.44% 0.0749 271.72)` | Light Periwinkle | black, 12.9 to 1 |
| 25 | `#bfceff` | `oklch(85.55% 0.0702 271.68)` | Lavender Blue | black, 13.4 to 1 |
| 26 | `#c3d1ff` | `oklch(86.52% 0.0659 271.54)` | Lavender Blue | black, 13.8 to 1 |
| 27 | `#c6d4ff` | `oklch(87.32% 0.0618 271.30)` | Pale Phthalo Blue | black, 14.2 to 1 |
| 28 | `#c9d6ff` | `oklch(87.95% 0.0585 270.94)` | Pale Phthalo Blue | black, 14.5 to 1 |
| 29 | `#cad8ff` | `oklch(88.39% 0.0563 270.46)` | Pale Phthalo Blue | black, 14.7 to 1 |
| 30 | `#cbd9ff` | `oklch(88.66% 0.0548 269.82)` | Icy Plains | black, 14.8 to 1 |
| 31 | `#cbd9fe` | `oklch(88.79% 0.0533 269.05)` | Icy Plains | black, 14.9 to 1 |
| 32 | `#cbdafe` | `oklch(88.78% 0.0522 268.13)` | Icy Plains | black, 14.9 to 1 |
| 33 | `#cad9fd` | `oklch(88.64% 0.0516 267.10)` | Icy Plains | black, 14.8 to 1 |
| 34 | `#c9d9fc` | `oklch(88.37% 0.0513 265.96)` | Icy Plains | black, 14.7 to 1 |
| 35 | `#c7d8fa` | `oklch(88.00% 0.0513 264.72)` | Fly a Kite | black, 14.6 to 1 |
| 36 | `#c4d7f9` | `oklch(87.53% 0.0517 263.39)` | Fly a Kite | black, 14.4 to 1 |
| 37 | `#c2d5f7` | `oklch(86.97% 0.0523 261.99)` | Mr. Glass | black, 14.1 to 1 |
| 38 | `#bed3f6` | `oklch(86.33% 0.0532 260.52)` | Mr. Glass | black, 13.8 to 1 |
| 39 | `#bbd1f4` | `oklch(85.63% 0.0543 258.99)` | Frost Fairy | black, 13.5 to 1 |
| 40 | `#b7cff2` | `oklch(84.86% 0.0556 257.43)` | Frost Fairy | black, 13.2 to 1 |
| 41 | `#b3cdf0` | `oklch(84.04% 0.0571 255.83)` | Alphabet Blue | black, 12.8 to 1 |
| 42 | `#aecbee` | `oklch(83.19% 0.0587 254.22)` | Blossom Blue | black, 12.5 to 1 |
| 43 | `#aac8ec` | `oklch(82.31% 0.0605 252.59)` | Island Light | black, 12.1 to 1 |
| 44 | `#a5c6ea` | `oklch(81.41% 0.0623 250.97)` | Island Light | black, 11.8 to 1 |
| 45 | `#a0c3e8` | `oklch(80.50% 0.0642 249.36)` | Sky High | black, 11.4 to 1 |
| 46 | `#9bc1e5` | `oklch(79.59% 0.0660 247.78)` | Salvia Blue | black, 11.1 to 1 |
| 47 | `#96bfe3` | `oklch(78.69% 0.0679 246.24)` | Vive le Bleu | black, 10.8 to 1 |
| 48 | `#91bce1` | `oklch(77.82% 0.0698 244.74)` | Double Denim | black, 10.5 to 1 |
| 49 | `#8dbadf` | `oklch(76.98% 0.0716 243.30)` | Goluboy Blue | black, 10.2 to 1 |
| 50 | `#88b8dd` | `oklch(76.18% 0.0733 241.94)` | Goluboy Blue | black, 9.9 to 1 |
| 51 | `#84b6db` | `oklch(75.43% 0.0749 240.65)` | Coastal Waters | black, 9.6 to 1 |
| 52 | `#80b4d9` | `oklch(74.75% 0.0763 239.46)` | Dun Morogh Blue | black, 9.4 to 1 |
| 53 | `#7cb3d7` | `oklch(74.14% 0.0775 238.37)` | Meadow Blossom Blue | black, 9.2 to 1 |
| 54 | `#79b1d5` | `oklch(73.61% 0.0786 237.40)` | Meadow Blossom Blue | black, 9 to 1 |
| 55 | `#77b0d4` | `oklch(73.17% 0.0794 236.55)` | Meadow Blossom Blue | black, 8.9 to 1 |
| 56 | `#75afd3` | `oklch(72.83% 0.0799 235.85)` | Meadow Blossom Blue | black, 8.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #0e51d6 0.0%, #1554d7 1.8%, #1c57d8 3.6%, #235cda 5.5%, #2b60dc 7.3%, #3265dd 9.1%, #3a6adf 10.9%, #4270e1 12.7%, #4a75e4 14.5%, #537be6 16.4%, #5b81e8 18.2%, #6387ea 20.0%, #6c8dec 21.8%, #7493ef 23.6%, #7c99f1 25.5%, #849ff3 27.3%, #8ca5f4 29.1%, #94abf6 30.9%, #9bb1f8 32.7%, #a2b7f9 34.5%, #a9bcfb 36.4%, #afc1fc 38.2%, #b5c6fd 40.0%, #bacafe 41.8%, #bfceff 43.6%, #c3d1ff 45.5%, #c6d4ff 47.3%, #c9d6ff 49.1%, #cad8ff 50.9%, #cbd9ff 52.7%, #cbd9fe 54.5%, #cbdafe 56.4%, #cad9fd 58.2%, #c9d9fc 60.0%, #c7d8fa 61.8%, #c4d7f9 63.6%, #c2d5f7 65.5%, #bed3f6 67.3%, #bbd1f4 69.1%, #b7cff2 70.9%, #b3cdf0 72.7%, #aecbee 74.5%, #aac8ec 76.4%, #a5c6ea 78.2%, #a0c3e8 80.0%, #9bc1e5 81.8%, #96bfe3 83.6%, #91bce1 85.5%, #8dbadf 87.3%, #88b8dd 89.1%, #84b6db 90.9%, #80b4d9 92.7%, #7cb3d7 94.5%, #79b1d5 96.4%, #77b0d4 98.2%, #75afd3 100.0%);
background: linear-gradient(135deg in oklch, oklch(48.82% 0.2136 262.27) 0.0%, oklch(49.62% 0.2104 262.46) 1.8%, oklch(50.59% 0.2067 262.72) 3.6%, oklch(51.70% 0.2024 263.05) 5.5%, oklch(52.95% 0.1976 263.44) 7.3%, oklch(54.32% 0.1923 263.87) 9.1%, oklch(55.80% 0.1867 264.35) 10.9%, oklch(57.38% 0.1807 264.87) 12.7%, oklch(59.03% 0.1743 265.41) 14.5%, oklch(60.76% 0.1678 265.97) 16.4%, oklch(62.54% 0.1609 266.54) 18.2%, oklch(64.36% 0.1540 267.12) 20.0%, oklch(66.21% 0.1469 267.69) 21.8%, oklch(68.07% 0.1397 268.26) 23.6%, oklch(69.93% 0.1326 268.81) 25.5%, oklch(71.78% 0.1254 269.33) 27.3%, oklch(73.60% 0.1183 269.82) 29.1%, oklch(75.38% 0.1114 270.27) 30.9%, oklch(77.10% 0.1046 270.68) 32.7%, oklch(78.76% 0.0980 271.02) 34.5%, oklch(80.33% 0.0917 271.31) 36.4%, oklch(81.81% 0.0857 271.53) 38.2%, oklch(83.19% 0.0801 271.67) 40.0%, oklch(84.44% 0.0749 271.72) 41.8%, oklch(85.55% 0.0702 271.68) 43.6%, oklch(86.52% 0.0659 271.54) 45.5%, oklch(87.32% 0.0618 271.30) 47.3%, oklch(87.95% 0.0585 270.94) 49.1%, oklch(88.39% 0.0563 270.46) 50.9%, oklch(88.66% 0.0548 269.82) 52.7%, oklch(88.79% 0.0533 269.05) 54.5%, oklch(88.78% 0.0522 268.13) 56.4%, oklch(88.64% 0.0516 267.10) 58.2%, oklch(88.37% 0.0513 265.96) 60.0%, oklch(88.00% 0.0513 264.72) 61.8%, oklch(87.53% 0.0517 263.39) 63.6%, oklch(86.97% 0.0523 261.99) 65.5%, oklch(86.33% 0.0532 260.52) 67.3%, oklch(85.63% 0.0543 258.99) 69.1%, oklch(84.86% 0.0556 257.43) 70.9%, oklch(84.04% 0.0571 255.83) 72.7%, oklch(83.19% 0.0587 254.22) 74.5%, oklch(82.31% 0.0605 252.59) 76.4%, oklch(81.41% 0.0623 250.97) 78.2%, oklch(80.50% 0.0642 249.36) 80.0%, oklch(79.59% 0.0660 247.78) 81.8%, oklch(78.69% 0.0679 246.24) 83.6%, oklch(77.82% 0.0698 244.74) 85.5%, oklch(76.98% 0.0716 243.30) 87.3%, oklch(76.18% 0.0733 241.94) 89.1%, oklch(75.43% 0.0749 240.65) 90.9%, oklch(74.75% 0.0763 239.46) 92.7%, oklch(74.14% 0.0775 238.37) 94.5%, oklch(73.61% 0.0786 237.40) 96.4%, oklch(73.17% 0.0794 236.55) 98.2%, oklch(72.83% 0.0799 235.85) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.488 | 0.214 | 262.3 |
| 2 | 0.882 | 0.058 | 270.7 |
| 3 | 0.728 | 0.08 | 235.8 |

## In these collections

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

## Other forms

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