# Purple ribbon blue light

Light blue, lavender, blue and purple linear gradient with 48 colors: #a2cffd, #a5cffe, #abd0ff, #b3d1ff, #bcd3ff, #c3d4ff, #cad6ff, #d0d7ff, #d4d6ff, #d6d5ff, #d6d2ff, #d3ccff, #cec5fe, #c3baf6, #b5aded, #a39ee2, #8e8ed6, #787ec9, #616dbc, #4b5daf, #354fa2, #214298, #0e368f, #012d89, #002787, #092287, #161f8a, #231c8f, #301c94, #3e1d99, #4c1f9e, #5a24a3, #6829a7, #7430ac, #7f38b0, #8741b6, #8b4bbc, #8e57c4, #9065cc, #9174d4, #9184db, #9293e0, #95a1e3, #9aaee5, #a2b9e5, #aac2e5, #b3cae5, #bacfe5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Light blue, lavender, blue and purple linear gradient
- Seed: `kW1Tqx7JzE6q6vHCwcV64444`
- Page: https://grabient.com/kW1Tqx7JzE6q6vHCwcV64444?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: dark center, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.3 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 | `#a2cffd` | `oklch(83.86% 0.0799 249.61)` | Baby Blue | black, 12.8 to 1 |
| 2 | `#a5cffe` | `oklch(84.11% 0.0796 251.94)` | Baby Blue | black, 12.9 to 1 |
| 3 | `#abd0ff` | `oklch(84.68% 0.0770 255.19)` | Ice Cold Stare | black, 13.1 to 1 |
| 4 | `#b3d1ff` | `oklch(85.45% 0.0720 259.15)` | Ice Cold Stare | black, 13.4 to 1 |
| 5 | `#bcd3ff` | `oklch(86.32% 0.0669 263.61)` | Ice Cold Stare | black, 13.8 to 1 |
| 6 | `#c3d4ff` | `oklch(87.20% 0.0622 268.36)` | Pale Phthalo Blue | black, 14.2 to 1 |
| 7 | `#cad6ff` | `oklch(87.98% 0.0585 273.19)` | Pale Phthalo Blue | black, 14.5 to 1 |
| 8 | `#d0d7ff` | `oklch(88.56% 0.0562 277.89)` | Pale Phthalo Blue | black, 14.7 to 1 |
| 9 | `#d4d6ff` | `oklch(88.84% 0.0557 282.24)` | Pale Phthalo Blue | black, 14.8 to 1 |
| 10 | `#d6d5ff` | `oklch(88.71% 0.0575 286.03)` | Pale Phthalo Blue | black, 14.8 to 1 |
| 11 | `#d6d2ff` | `oklch(88.07% 0.0621 289.06)` | Pale Lavender | black, 14.4 to 1 |
| 12 | `#d3ccff` | `oklch(86.83% 0.0700 291.11)` | Lavender Blue | black, 13.8 to 1 |
| 13 | `#cec5fe` | `oklch(84.86% 0.0795 291.97)` | Innocent Snowdrop | black, 12.9 to 1 |
| 14 | `#c3baf6` | `oklch(81.82% 0.0841 291.40)` | Dried Lilac | black, 11.7 to 1 |
| 15 | `#b5aded` | `oklch(77.78% 0.0901 289.58)` | Maximum Blue Purple | black, 10.1 to 1 |
| 16 | `#a39ee2` | `oklch(72.97% 0.0971 286.79)` | Dull Lavender | black, 8.5 to 1 |
| 17 | `#8e8ed6` | `oklch(67.62% 0.1049 283.29)` | Adora | black, 7 to 1 |
| 18 | `#787ec9` | `oklch(61.96% 0.1132 279.37)` | Kickstart Purple | black, 5.6 to 1 |
| 19 | `#616dbc` | `oklch(56.22% 0.1218 275.29)` | Gladiola Blue | white, 4.7 to 1 |
| 20 | `#4b5daf` | `oklch(50.62% 0.1304 271.33)` | Chinese Bellflower | white, 6 to 1 |
| 21 | `#354fa2` | `oklch(45.41% 0.1386 267.76)` | Dazzling Blue | white, 7.5 to 1 |
| 22 | `#214298` | `oklch(40.80% 0.1463 264.85)` | Space Explorer | white, 9.1 to 1 |
| 23 | `#0e368f` | `oklch(37.04% 0.1531 262.88)` | Dark Seashore Night | white, 10.7 to 1 |
| 24 | `#012d89` | `oklch(34.34% 0.1589 262.13)` | US Air Force Blue | white, 12 to 1 |
| 25 | `#002787` | `oklch(32.87% 0.1634 262.88)` | Naval Adventures | white, 12.8 to 1 |
| 26 | `#092287` | `oklch(32.34% 0.1679 265.28)` | Resolution Blue | white, 13.1 to 1 |
| 27 | `#161f8a` | `oklch(32.57% 0.1724 269.05)` | Naval Adventures | white, 13.1 to 1 |
| 28 | `#231c8f` | `oklch(33.47% 0.1766 273.85)` | Nightly Expedition | white, 12.8 to 1 |
| 29 | `#301c94` | `oklch(34.93% 0.1805 279.33)` | Gentian Blue | white, 12.2 to 1 |
| 30 | `#3e1d99` | `oklch(36.84% 0.1838 285.17)` | Gentian Blue | white, 11.4 to 1 |
| 31 | `#4c1f9e` | `oklch(39.09% 0.1864 291.04)` | Eine Kleine Nachtmusik | white, 10.4 to 1 |
| 32 | `#5a24a3` | `oklch(41.58% 0.1881 296.58)` | Eine Kleine Nachtmusik | white, 9.4 to 1 |
| 33 | `#6829a7` | `oklch(44.21% 0.1886 301.47)` | Wild Violet | white, 8.5 to 1 |
| 34 | `#7430ac` | `oklch(46.86% 0.1878 305.37)` | Purple Pristine | white, 7.5 to 1 |
| 35 | `#7f38b0` | `oklch(49.42% 0.1856 307.94)` | Shredder Lavender | white, 6.7 to 1 |
| 36 | `#8741b6` | `oklch(51.81% 0.1818 308.86)` | Harley Hair Purple | white, 6 to 1 |
| 37 | `#8b4bbc` | `oklch(54.11% 0.1757 307.85)` | Harley Hair Purple | white, 5.4 to 1 |
| 38 | `#8e57c4` | `oklch(56.75% 0.1667 305.12)` | Morado Purple | white, 4.8 to 1 |
| 39 | `#9065cc` | `oklch(59.68% 0.1554 300.95)` | Amethyst | black, 4.9 to 1 |
| 40 | `#9174d4` | `oklch(62.79% 0.1422 295.67)` | Iridescent Purple | black, 5.6 to 1 |
| 41 | `#9184db` | `oklch(66.02% 0.1278 289.56)` | Indigo Bloom | black, 6.5 to 1 |
| 42 | `#9293e0` | `oklch(69.28% 0.1127 282.95)` | Portage | black, 7.4 to 1 |
| 43 | `#95a1e3` | `oklch(72.48% 0.0974 276.13)` | Dalmatian Sage | black, 8.4 to 1 |
| 44 | `#9aaee5` | `oklch(75.53% 0.0826 269.41)` | Blue Skies Today | black, 9.5 to 1 |
| 45 | `#a2b9e5` | `oklch(78.36% 0.0687 263.09)` | Teclis Blue | black, 10.6 to 1 |
| 46 | `#aac2e5` | `oklch(80.88% 0.0564 257.48)` | Promise | black, 11.5 to 1 |
| 47 | `#b3cae5` | `oklch(83.00% 0.0461 252.89)` | Melt Ice | black, 12.4 to 1 |
| 48 | `#bacfe5` | `oklch(84.65% 0.0386 249.61)` | Bewitching Blue | black, 13.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #a2cffd 0.0%, #a5cffe 2.1%, #abd0ff 4.3%, #b3d1ff 6.4%, #bcd3ff 8.5%, #c3d4ff 10.6%, #cad6ff 12.8%, #d0d7ff 14.9%, #d4d6ff 17.0%, #d6d5ff 19.1%, #d6d2ff 21.3%, #d3ccff 23.4%, #cec5fe 25.5%, #c3baf6 27.7%, #b5aded 29.8%, #a39ee2 31.9%, #8e8ed6 34.0%, #787ec9 36.2%, #616dbc 38.3%, #4b5daf 40.4%, #354fa2 42.6%, #214298 44.7%, #0e368f 46.8%, #012d89 48.9%, #002787 51.1%, #092287 53.2%, #161f8a 55.3%, #231c8f 57.4%, #301c94 59.6%, #3e1d99 61.7%, #4c1f9e 63.8%, #5a24a3 66.0%, #6829a7 68.1%, #7430ac 70.2%, #7f38b0 72.3%, #8741b6 74.5%, #8b4bbc 76.6%, #8e57c4 78.7%, #9065cc 80.9%, #9174d4 83.0%, #9184db 85.1%, #9293e0 87.2%, #95a1e3 89.4%, #9aaee5 91.5%, #a2b9e5 93.6%, #aac2e5 95.7%, #b3cae5 97.9%, #bacfe5 100.0%);
background: linear-gradient(135deg in oklch, oklch(83.86% 0.0799 249.61) 0.0%, oklch(84.11% 0.0796 251.94) 2.1%, oklch(84.68% 0.0770 255.19) 4.3%, oklch(85.45% 0.0720 259.15) 6.4%, oklch(86.32% 0.0669 263.61) 8.5%, oklch(87.20% 0.0622 268.36) 10.6%, oklch(87.98% 0.0585 273.19) 12.8%, oklch(88.56% 0.0562 277.89) 14.9%, oklch(88.84% 0.0557 282.24) 17.0%, oklch(88.71% 0.0575 286.03) 19.1%, oklch(88.07% 0.0621 289.06) 21.3%, oklch(86.83% 0.0700 291.11) 23.4%, oklch(84.86% 0.0795 291.97) 25.5%, oklch(81.82% 0.0841 291.40) 27.7%, oklch(77.78% 0.0901 289.58) 29.8%, oklch(72.97% 0.0971 286.79) 31.9%, oklch(67.62% 0.1049 283.29) 34.0%, oklch(61.96% 0.1132 279.37) 36.2%, oklch(56.22% 0.1218 275.29) 38.3%, oklch(50.62% 0.1304 271.33) 40.4%, oklch(45.41% 0.1386 267.76) 42.6%, oklch(40.80% 0.1463 264.85) 44.7%, oklch(37.04% 0.1531 262.88) 46.8%, oklch(34.34% 0.1589 262.13) 48.9%, oklch(32.87% 0.1634 262.88) 51.1%, oklch(32.34% 0.1679 265.28) 53.2%, oklch(32.57% 0.1724 269.05) 55.3%, oklch(33.47% 0.1766 273.85) 57.4%, oklch(34.93% 0.1805 279.33) 59.6%, oklch(36.84% 0.1838 285.17) 61.7%, oklch(39.09% 0.1864 291.04) 63.8%, oklch(41.58% 0.1881 296.58) 66.0%, oklch(44.21% 0.1886 301.47) 68.1%, oklch(46.86% 0.1878 305.37) 70.2%, oklch(49.42% 0.1856 307.94) 72.3%, oklch(51.81% 0.1818 308.86) 74.5%, oklch(54.11% 0.1757 307.85) 76.6%, oklch(56.75% 0.1667 305.12) 78.7%, oklch(59.68% 0.1554 300.95) 80.9%, oklch(62.79% 0.1422 295.67) 83.0%, oklch(66.02% 0.1278 289.56) 85.1%, oklch(69.28% 0.1127 282.95) 87.2%, oklch(72.48% 0.0974 276.13) 89.4%, oklch(75.53% 0.0826 269.41) 91.5%, oklch(78.36% 0.0687 263.09) 93.6%, oklch(80.88% 0.0564 257.48) 95.7%, oklch(83.00% 0.0461 252.89) 97.9%, oklch(84.65% 0.0386 249.61) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.839 | 0.08 | 249.6 |
| 2 | 0.854 | 0.079 | 291.9 |
| 3 | 0.335 | 0.161 | 262.3 |
| 4 | 0.524 | 0.181 | 308.8 |
| 5 | 0.846 | 0.039 | 249.6 |

## In these collections

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

## Other forms

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