# Violet blue cyan sweep

Vivid light blue, blue and purple linear gradient with 64 colors: #4ed3d2, #44d1d4, #37cfd6, #25ccda, #00c9de, #00c4e0, #00bfe3, #00bae6, #00b4e9, #00aeed, #00a7f2, #00a1f8, #0899fe, #2492ff, #338cff, #3b86ff, #4180ff, #437bfe, #4477fd, #4372fb, #416ff9, #3e6bf6, #3968f4, #3465f2, #2e62ef, #2760ed, #205deb, #195be9, #1359e8, #0f57e7, #1055e6, #1553e6, #1d51e7, #284ee9, #324ceb, #3d49ed, #4846f0, #5243f3, #5c40f5, #663df7, #703af8, #7838f9, #8036fa, #8736fb, #8d36fb, #9237fb, #953afc, #963dfd, #9543fe, #9249ff, #8d51ff, #875aff, #7f61ff, #7769ff, #6d70fe, #6478fa, #5a7ef6, #5184f1, #4a8aeb, #448ee5, #4192e0, #3f95db, #4097d7, #4198d3. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid light blue, blue and purple linear gradient
- Seed: `kWylOKUEjH8DUQDK3sQUyw5I`
- Page: https://grabient.com/kWylOKUEjH8DUQDK3sQUyw5I?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.4 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 | `#4ed3d2` | `oklch(79.53% 0.1144 194.06)` | Medium Turquoise | black, 11.5 to 1 |
| 2 | `#44d1d4` | `oklch(78.93% 0.1175 196.60)` | Medium Turquoise | black, 11.3 to 1 |
| 3 | `#37cfd6` | `oklch(78.20% 0.1215 199.84)` | Jade Glass | black, 11 to 1 |
| 4 | `#25ccda` | `oklch(77.35% 0.1261 203.69)` | Jade Glass | black, 10.7 to 1 |
| 5 | `#00c9de` | `oklch(76.39% 0.1313 208.04)` | Caribbean Blue | black, 10.3 to 1 |
| 6 | `#00c4e0` | `oklch(75.35% 0.1317 212.79)` | Caribbean Blue | black, 9.9 to 1 |
| 7 | `#00bfe3` | `oklch(74.24% 0.1333 217.84)` | Blue Raspberry | black, 9.5 to 1 |
| 8 | `#00bae6` | `oklch(73.08% 0.1362 223.08)` | Blue Bikini | black, 9.1 to 1 |
| 9 | `#00b4e9` | `oklch(71.87% 0.1408 228.42)` | Cyanite | black, 8.6 to 1 |
| 10 | `#00aeed` | `oklch(70.65% 0.1474 233.75)` | Democrat | black, 8.2 to 1 |
| 11 | `#00a7f2` | `oklch(69.41% 0.1563 238.97)` | Vivid Cerulean | black, 7.8 to 1 |
| 12 | `#00a1f8` | `oklch(68.19% 0.1681 243.98)` | Rockman Blue | black, 7.4 to 1 |
| 13 | `#0899fe` | `oklch(66.99% 0.1813 248.66)` | Sky of Magritte | black, 7 to 1 |
| 14 | `#2492ff` | `oklch(65.83% 0.1865 252.93)` | Clear Chill | black, 6.6 to 1 |
| 15 | `#338cff` | `oklch(64.73% 0.1905 256.68)` | Clear Chill | black, 6.3 to 1 |
| 16 | `#3b86ff` | `oklch(63.70% 0.1952 259.81)` | Bleuchâtel Blue | black, 6 to 1 |
| 17 | `#4180ff` | `oklch(62.76% 0.2001 262.23)` | Dodger Blue | black, 5.7 to 1 |
| 18 | `#437bfe` | `oklch(61.82% 0.2041 263.97)` | Lightish Blue | black, 5.5 to 1 |
| 19 | `#4477fd` | `oklch(60.85% 0.2072 265.15)` | Lightish Blue | black, 5.2 to 1 |
| 20 | `#4372fb` | `oklch(59.85% 0.2099 265.84)` | Hailey Blue | black, 5 to 1 |
| 21 | `#416ff9` | `oklch(58.85% 0.2123 266.11)` | Hailey Blue | black, 4.8 to 1 |
| 22 | `#3e6bf6` | `oklch(57.86% 0.2145 266.04)` | Secret of Mana | black, 4.6 to 1 |
| 23 | `#3968f4` | `oklch(56.88% 0.2164 265.71)` | Secret of Mana | white, 4.7 to 1 |
| 24 | `#3465f2` | `oklch(55.94% 0.2182 265.19)` | Retro Blue | white, 4.9 to 1 |
| 25 | `#2e62ef` | `oklch(55.03% 0.2198 264.55)` | Retro Blue | white, 5.1 to 1 |
| 26 | `#2760ed` | `oklch(54.18% 0.2213 263.88)` | Azul | white, 5.2 to 1 |
| 27 | `#205deb` | `oklch(53.39% 0.2228 263.25)` | Azul | white, 5.4 to 1 |
| 28 | `#195be9` | `oklch(52.68% 0.2242 262.73)` | Azul | white, 5.6 to 1 |
| 29 | `#1359e8` | `oklch(52.07% 0.2257 262.39)` | Azul | white, 5.8 to 1 |
| 30 | `#0f57e7` | `oklch(51.55% 0.2272 262.33)` | Opulent Blue | white, 5.9 to 1 |
| 31 | `#1055e6` | `oklch(51.15% 0.2288 262.60)` | Opulent Blue | white, 6 to 1 |
| 32 | `#1553e6` | `oklch(50.87% 0.2306 263.29)` | Opulent Blue | white, 6.1 to 1 |
| 33 | `#1d51e7` | `oklch(50.74% 0.2325 264.47)` | Opulent Blue | white, 6.2 to 1 |
| 34 | `#284ee9` | `oklch(50.76% 0.2350 266.23)` | Opulent Blue | white, 6.2 to 1 |
| 35 | `#324ceb` | `oklch(50.92% 0.2380 268.48)` | Bright Greek | white, 6.2 to 1 |
| 36 | `#3d49ed` | `oklch(51.21% 0.2413 271.12)` | Bright Greek | white, 6.2 to 1 |
| 37 | `#4846f0` | `oklch(51.61% 0.2449 274.06)` | Bright Greek | white, 6.1 to 1 |
| 38 | `#5243f3` | `oklch(52.10% 0.2485 277.21)` | Saturated Sky | white, 6 to 1 |
| 39 | `#5c40f5` | `oklch(52.67% 0.2520 280.47)` | Purplish Blue | white, 5.9 to 1 |
| 40 | `#663df7` | `oklch(53.30% 0.2554 283.73)` | Purplish Blue | white, 5.8 to 1 |
| 41 | `#703af8` | `oklch(53.97% 0.2585 286.92)` | Pink OCD | white, 5.7 to 1 |
| 42 | `#7838f9` | `oklch(54.67% 0.2612 289.92)` | Szöllősi Grape | white, 5.6 to 1 |
| 43 | `#8036fa` | `oklch(55.38% 0.2633 292.65)` | Szöllősi Grape | white, 5.4 to 1 |
| 44 | `#8736fb` | `oklch(56.09% 0.2648 295.01)` | Sweet Escape | white, 5.3 to 1 |
| 45 | `#8d36fb` | `oklch(56.77% 0.2654 296.91)` | Sugar Grape | white, 5.1 to 1 |
| 46 | `#9237fb` | `oklch(57.42% 0.2651 298.24)` | Sugar Grape | white, 5 to 1 |
| 47 | `#953afc` | `oklch(58.02% 0.2638 298.91)` | Sugar Grape | white, 4.9 to 1 |
| 48 | `#963dfd` | `oklch(58.54% 0.2613 298.83)` | Sugar Grape | white, 4.7 to 1 |
| 49 | `#9543fe` | `oklch(59.01% 0.2573 297.89)` | Sugar Grape | white, 4.6 to 1 |
| 50 | `#9249ff` | `oklch(59.49% 0.2515 296.06)` | Sweet Escape | black, 4.6 to 1 |
| 51 | `#8d51ff` | `oklch(59.98% 0.2421 293.47)` | Purple Honeycreeper | black, 4.7 to 1 |
| 52 | `#875aff` | `oklch(60.48% 0.2324 290.22)` | Purple Honeycreeper | black, 4.9 to 1 |
| 53 | `#7f61ff` | `oklch(60.98% 0.2231 286.42)` | Purple Anemone | black, 5 to 1 |
| 54 | `#7769ff` | `oklch(61.47% 0.2149 282.20)` | Medium Slate Blue | black, 5.2 to 1 |
| 55 | `#6d70fe` | `oklch(61.96% 0.2052 277.66)` | Stargate Shimmer | black, 5.4 to 1 |
| 56 | `#6478fa` | `oklch(62.44% 0.1941 272.93)` | Byzantine Night Blue | black, 5.5 to 1 |
| 57 | `#5a7ef6` | `oklch(62.90% 0.1828 268.11)` | Flickery C64 | black, 5.7 to 1 |
| 58 | `#5184f1` | `oklch(63.35% 0.1717 263.32)` | Blue Elemental | black, 5.9 to 1 |
| 59 | `#4a8aeb` | `oklch(63.77% 0.1609 258.67)` | Seljuk Blue | black, 6.1 to 1 |
| 60 | `#448ee5` | `oklch(64.16% 0.1508 254.29)` | Oregon Blue | black, 6.2 to 1 |
| 61 | `#4192e0` | `oklch(64.51% 0.1416 250.27)` | Oregon Blue | black, 6.3 to 1 |
| 62 | `#3f95db` | `oklch(64.84% 0.1334 246.75)` | Flax Flower Blue | black, 6.5 to 1 |
| 63 | `#4097d7` | `oklch(65.12% 0.1265 243.82)` | Flax Flower Blue | black, 6.6 to 1 |
| 64 | `#4198d3` | `oklch(65.35% 0.1213 241.62)` | Blue Tourmaline | black, 6.6 to 1 |

## CSS

```css
background: linear-gradient(225deg, #4ed3d2 0.0%, #44d1d4 1.6%, #37cfd6 3.2%, #25ccda 4.8%, #00c9de 6.3%, #00c4e0 7.9%, #00bfe3 9.5%, #00bae6 11.1%, #00b4e9 12.7%, #00aeed 14.3%, #00a7f2 15.9%, #00a1f8 17.5%, #0899fe 19.0%, #2492ff 20.6%, #338cff 22.2%, #3b86ff 23.8%, #4180ff 25.4%, #437bfe 27.0%, #4477fd 28.6%, #4372fb 30.2%, #416ff9 31.7%, #3e6bf6 33.3%, #3968f4 34.9%, #3465f2 36.5%, #2e62ef 38.1%, #2760ed 39.7%, #205deb 41.3%, #195be9 42.9%, #1359e8 44.4%, #0f57e7 46.0%, #1055e6 47.6%, #1553e6 49.2%, #1d51e7 50.8%, #284ee9 52.4%, #324ceb 54.0%, #3d49ed 55.6%, #4846f0 57.1%, #5243f3 58.7%, #5c40f5 60.3%, #663df7 61.9%, #703af8 63.5%, #7838f9 65.1%, #8036fa 66.7%, #8736fb 68.3%, #8d36fb 69.8%, #9237fb 71.4%, #953afc 73.0%, #963dfd 74.6%, #9543fe 76.2%, #9249ff 77.8%, #8d51ff 79.4%, #875aff 81.0%, #7f61ff 82.5%, #7769ff 84.1%, #6d70fe 85.7%, #6478fa 87.3%, #5a7ef6 88.9%, #5184f1 90.5%, #4a8aeb 92.1%, #448ee5 93.7%, #4192e0 95.2%, #3f95db 96.8%, #4097d7 98.4%, #4198d3 100.0%);
background: linear-gradient(225deg in oklch, oklch(79.53% 0.1144 194.06) 0.0%, oklch(78.93% 0.1175 196.60) 1.6%, oklch(78.20% 0.1215 199.84) 3.2%, oklch(77.35% 0.1261 203.69) 4.8%, oklch(76.39% 0.1313 208.04) 6.3%, oklch(75.35% 0.1317 212.79) 7.9%, oklch(74.24% 0.1333 217.84) 9.5%, oklch(73.08% 0.1362 223.08) 11.1%, oklch(71.87% 0.1408 228.42) 12.7%, oklch(70.65% 0.1474 233.75) 14.3%, oklch(69.41% 0.1563 238.97) 15.9%, oklch(68.19% 0.1681 243.98) 17.5%, oklch(66.99% 0.1813 248.66) 19.0%, oklch(65.83% 0.1865 252.93) 20.6%, oklch(64.73% 0.1905 256.68) 22.2%, oklch(63.70% 0.1952 259.81) 23.8%, oklch(62.76% 0.2001 262.23) 25.4%, oklch(61.82% 0.2041 263.97) 27.0%, oklch(60.85% 0.2072 265.15) 28.6%, oklch(59.85% 0.2099 265.84) 30.2%, oklch(58.85% 0.2123 266.11) 31.7%, oklch(57.86% 0.2145 266.04) 33.3%, oklch(56.88% 0.2164 265.71) 34.9%, oklch(55.94% 0.2182 265.19) 36.5%, oklch(55.03% 0.2198 264.55) 38.1%, oklch(54.18% 0.2213 263.88) 39.7%, oklch(53.39% 0.2228 263.25) 41.3%, oklch(52.68% 0.2242 262.73) 42.9%, oklch(52.07% 0.2257 262.39) 44.4%, oklch(51.55% 0.2272 262.33) 46.0%, oklch(51.15% 0.2288 262.60) 47.6%, oklch(50.87% 0.2306 263.29) 49.2%, oklch(50.74% 0.2325 264.47) 50.8%, oklch(50.76% 0.2350 266.23) 52.4%, oklch(50.92% 0.2380 268.48) 54.0%, oklch(51.21% 0.2413 271.12) 55.6%, oklch(51.61% 0.2449 274.06) 57.1%, oklch(52.10% 0.2485 277.21) 58.7%, oklch(52.67% 0.2520 280.47) 60.3%, oklch(53.30% 0.2554 283.73) 61.9%, oklch(53.97% 0.2585 286.92) 63.5%, oklch(54.67% 0.2612 289.92) 65.1%, oklch(55.38% 0.2633 292.65) 66.7%, oklch(56.09% 0.2648 295.01) 68.3%, oklch(56.77% 0.2654 296.91) 69.8%, oklch(57.42% 0.2651 298.24) 71.4%, oklch(58.02% 0.2638 298.91) 73.0%, oklch(58.54% 0.2613 298.83) 74.6%, oklch(59.01% 0.2573 297.89) 76.2%, oklch(59.49% 0.2515 296.06) 77.8%, oklch(59.98% 0.2421 293.47) 79.4%, oklch(60.48% 0.2324 290.22) 81.0%, oklch(60.98% 0.2231 286.42) 82.5%, oklch(61.47% 0.2149 282.20) 84.1%, oklch(61.96% 0.2052 277.66) 85.7%, oklch(62.44% 0.1941 272.93) 87.3%, oklch(62.90% 0.1828 268.11) 88.9%, oklch(63.35% 0.1717 263.32) 90.5%, oklch(63.77% 0.1609 258.67) 92.1%, oklch(64.16% 0.1508 254.29) 93.7%, oklch(64.51% 0.1416 250.27) 95.2%, oklch(64.84% 0.1334 246.75) 96.8%, oklch(65.12% 0.1265 243.82) 98.4%, oklch(65.35% 0.1213 241.62) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.795 | 0.114 | 194.1 |
| 2 | 0.63 | 0.2 | 261.7 |
| 3 | 0.508 | 0.231 | 263.8 |
| 4 | 0.587 | 0.26 | 298.7 |
| 5 | 0.654 | 0.121 | 241.6 |

## In these collections

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

## Other forms

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