# Lavender around Cyan Light

Light blue, purple, lavender and blue linear gradient with 40 colors: #86bbcc, #7fbace, #74bad1, #67bad4, #57b9d8, #44b7dc, #2db4df, #14afe1, #06a7e1, #189ade, #2c8ad6, #3c77ca, #4765bb, #4f55ac, #54499e, #5a4295, #624293, #6e4a99, #7f57a4, #9268b4, #a77cc7, #bb8fda, #cda1eb, #dab0f8, #e2b9ff, #e4c3ff, #e4caff, #e4cfff, #e2d0ff, #ded0ff, #d9cdff, #d2c7ff, #c8c0fb, #b9b3f5, #a6a4ed, #9293e5, #7d82dc, #6973d4, #5966cd, #4d5dc7. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Light blue, purple, lavender and blue linear gradient
- Seed: `kYwSyc17LBTkvR7pp0GbJy90K8PY`
- Page: https://grabient.com/kYwSyc17LBTkvR7pp0GbJy90K8PY?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 5.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 | `#86bbcc` | `oklch(75.98% 0.0606 220.08)` | Juvie | black, 9.9 to 1 |
| 2 | `#7fbace` | `oklch(75.54% 0.0675 220.62)` | Petit Four | black, 9.8 to 1 |
| 3 | `#74bad1` | `oklch(75.08% 0.0774 220.92)` | Blue Brocade | black, 9.6 to 1 |
| 4 | `#67bad4` | `oklch(74.55% 0.0891 221.25)` | Baby Tears | black, 9.5 to 1 |
| 5 | `#57b9d8` | `oklch(73.87% 0.1018 221.88)` | Azurean | black, 9.3 to 1 |
| 6 | `#44b7dc` | `oklch(72.98% 0.1142 223.07)` | Aztec Sky | black, 9 to 1 |
| 7 | `#2db4df` | `oklch(71.83% 0.1255 225.10)` | Blue Atoll | black, 8.6 to 1 |
| 8 | `#14afe1` | `oklch(70.36% 0.1344 228.23)` | Royal Peacock | black, 8.2 to 1 |
| 9 | `#06a7e1` | `oklch(68.47% 0.1400 232.74)` | Huelveño Horizon | black, 7.6 to 1 |
| 10 | `#189ade` | `oklch(65.51% 0.1427 239.33)` | Homeworld | black, 6.7 to 1 |
| 11 | `#2c8ad6` | `oklch(61.58% 0.1432 247.74)` | Ticino Blue | black, 5.7 to 1 |
| 12 | `#3c77ca` | `oklch(57.17% 0.1421 257.31)` | Fading Night | black, 4.6 to 1 |
| 13 | `#4765bb` | `oklch(52.77% 0.1399 267.36)` | Kakitsubata Blue | white, 5.4 to 1 |
| 14 | `#4f55ac` | `oklch(48.91% 0.1369 277.22)` | Brandywine Raspberry | white, 6.5 to 1 |
| 15 | `#54499e` | `oklch(46.06% 0.1338 286.24)` | Liberty | white, 7.4 to 1 |
| 16 | `#5a4295` | `oklch(44.74% 0.1309 293.73)` | Daisy Bush | white, 7.9 to 1 |
| 17 | `#624293` | `oklch(45.45% 0.1287 299.16)` | Sweet Flag | white, 7.7 to 1 |
| 18 | `#6e4a99` | `oklch(48.45% 0.1264 303.23)` | Studio | white, 6.7 to 1 |
| 19 | `#7f57a4` | `oklch(53.22% 0.1239 306.31)` | Highlighter Lavender | white, 5.5 to 1 |
| 20 | `#9268b4` | `oklch(59.13% 0.1211 308.50)` | Knight Elf | black, 4.8 to 1 |
| 21 | `#a77cc7` | `oklch(65.58% 0.1182 309.94)` | Wisteria | black, 6.3 to 1 |
| 22 | `#bb8fda` | `oklch(71.92% 0.1152 310.77)` | Lenurple | black, 8 to 1 |
| 23 | `#cda1eb` | `oklch(77.56% 0.1120 311.09)` | Bright Ube | black, 9.9 to 1 |
| 24 | `#dab0f8` | `oklch(81.86% 0.1088 311.05)` | Light Violet | black, 11.5 to 1 |
| 25 | `#e2b9ff` | `oklch(84.52% 0.1042 310.63)` | Lavender Fragrance | black, 12.6 to 1 |
| 26 | `#e4c3ff` | `oklch(86.47% 0.0885 309.37)` | Jane Purple | black, 13.5 to 1 |
| 27 | `#e4caff` | `oklch(87.82% 0.0769 307.40)` | Lens Flare Pink | black, 14.2 to 1 |
| 28 | `#e4cfff` | `oklch(88.59% 0.0694 304.91)` | Lens Flare Pink | black, 14.6 to 1 |
| 29 | `#e2d0ff` | `oklch(88.77% 0.0658 302.09)` | Pale Lavender | black, 14.7 to 1 |
| 30 | `#ded0ff` | `oklch(88.37% 0.0661 299.12)` | Pale Lavender | black, 14.5 to 1 |
| 31 | `#d9cdff` | `oklch(87.38% 0.0699 296.19)` | Pale Lavender | black, 14.1 to 1 |
| 32 | `#d2c7ff` | `oklch(85.81% 0.0771 293.49)` | Innocent Snowdrop | black, 13.3 to 1 |
| 33 | `#c8c0fb` | `oklch(83.35% 0.0831 290.93)` | Lavender Tonic | black, 12.3 to 1 |
| 34 | `#b9b3f5` | `oklch(79.54% 0.0925 288.09)` | Purple Illusion | black, 10.8 to 1 |
| 35 | `#a6a4ed` | `oklch(74.81% 0.1048 285.11)` | Cold Lips | black, 9.1 to 1 |
| 36 | `#9293e5` | `oklch(69.58% 0.1187 282.13)` | Perrywinkle | black, 7.5 to 1 |
| 37 | `#7d82dc` | `oklch(64.29% 0.1330 279.27)` | Tanzine | black, 6.1 to 1 |
| 38 | `#6973d4` | `oklch(59.36% 0.1464 276.69)` | C64 Purple | black, 5 to 1 |
| 39 | `#5966cd` | `oklch(55.24% 0.1576 274.53)` | Borage Blue | white, 5 to 1 |
| 40 | `#4d5dc7` | `oklch(52.36% 0.1654 272.92)` | Savoy Blue | white, 5.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #86bbcc 0.0%, #7fbace 2.6%, #74bad1 5.1%, #67bad4 7.7%, #57b9d8 10.3%, #44b7dc 12.8%, #2db4df 15.4%, #14afe1 17.9%, #06a7e1 20.5%, #189ade 23.1%, #2c8ad6 25.6%, #3c77ca 28.2%, #4765bb 30.8%, #4f55ac 33.3%, #54499e 35.9%, #5a4295 38.5%, #624293 41.0%, #6e4a99 43.6%, #7f57a4 46.2%, #9268b4 48.7%, #a77cc7 51.3%, #bb8fda 53.8%, #cda1eb 56.4%, #dab0f8 59.0%, #e2b9ff 61.5%, #e4c3ff 64.1%, #e4caff 66.7%, #e4cfff 69.2%, #e2d0ff 71.8%, #ded0ff 74.4%, #d9cdff 76.9%, #d2c7ff 79.5%, #c8c0fb 82.1%, #b9b3f5 84.6%, #a6a4ed 87.2%, #9293e5 89.7%, #7d82dc 92.3%, #6973d4 94.9%, #5966cd 97.4%, #4d5dc7 100.0%);
background: linear-gradient(135deg in oklch, oklch(75.98% 0.0606 220.08) 0.0%, oklch(75.54% 0.0675 220.62) 2.6%, oklch(75.08% 0.0774 220.92) 5.1%, oklch(74.55% 0.0891 221.25) 7.7%, oklch(73.87% 0.1018 221.88) 10.3%, oklch(72.98% 0.1142 223.07) 12.8%, oklch(71.83% 0.1255 225.10) 15.4%, oklch(70.36% 0.1344 228.23) 17.9%, oklch(68.47% 0.1400 232.74) 20.5%, oklch(65.51% 0.1427 239.33) 23.1%, oklch(61.58% 0.1432 247.74) 25.6%, oklch(57.17% 0.1421 257.31) 28.2%, oklch(52.77% 0.1399 267.36) 30.8%, oklch(48.91% 0.1369 277.22) 33.3%, oklch(46.06% 0.1338 286.24) 35.9%, oklch(44.74% 0.1309 293.73) 38.5%, oklch(45.45% 0.1287 299.16) 41.0%, oklch(48.45% 0.1264 303.23) 43.6%, oklch(53.22% 0.1239 306.31) 46.2%, oklch(59.13% 0.1211 308.50) 48.7%, oklch(65.58% 0.1182 309.94) 51.3%, oklch(71.92% 0.1152 310.77) 53.8%, oklch(77.56% 0.1120 311.09) 56.4%, oklch(81.86% 0.1088 311.05) 59.0%, oklch(84.52% 0.1042 310.63) 61.5%, oklch(86.47% 0.0885 309.37) 64.1%, oklch(87.82% 0.0769 307.40) 66.7%, oklch(88.59% 0.0694 304.91) 69.2%, oklch(88.77% 0.0658 302.09) 71.8%, oklch(88.37% 0.0661 299.12) 74.4%, oklch(87.38% 0.0699 296.19) 76.9%, oklch(85.81% 0.0771 293.49) 79.5%, oklch(83.35% 0.0831 290.93) 82.1%, oklch(79.54% 0.0925 288.09) 84.6%, oklch(74.81% 0.1048 285.11) 87.2%, oklch(69.58% 0.1187 282.13) 89.7%, oklch(64.29% 0.1330 279.27) 92.3%, oklch(59.36% 0.1464 276.69) 94.9%, oklch(55.24% 0.1576 274.53) 97.4%, oklch(52.36% 0.1654 272.92) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.76 | 0.061 | 220.1 |
| 2 | 0.689 | 0.139 | 231.7 |
| 3 | 0.449 | 0.13 | 297.2 |
| 4 | 0.831 | 0.107 | 311 |
| 5 | 0.854 | 0.079 | 293 |
| 6 | 0.524 | 0.165 | 272.9 |

## In these collections

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

## Other forms

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