# Violet blue cyan bands

Vivid blue and light blue linear swatches with 34 colors: #4c48ff, #4948ff, #4448ff, #3e48ff, #3849ff, #2f4aff, #264bff, #1c4dff, #1150ff, #0754ff, #0457ff, #085cff, #1160ff, #1866fe, #1d6bfe, #1f72fe, #1e79ff, #1980ff, #1389ff, #0a92ff, #039cff, #01a5ff, #08afff, #14b8ff, #1fc0ff, #2ac8ff, #33d1ff, #3cdaff, #45e2ff, #4debff, #53f3ff, #57fbff, #70fffc, #92fff9. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid blue and light blue linear swatches
- Seed: `kWiL3DQ2A-s3NP1itjx9rW7Y`
- Page: https://grabient.com/kWiL3DQ2A-s3NP1itjx9rW7Y?style=linearSwatches&steps=34
- Drawn as: linear swatches, 34 steps, 90 degrees
- Kinds: dark to light, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#4c48ff` | `oklch(53.54% 0.2597 274.22)` | Saturated Sky | white, 5.7 to 1 |
| 2 | `#4948ff` | `oklch(53.43% 0.2600 273.40)` | Saturated Sky | white, 5.7 to 1 |
| 3 | `#4448ff` | `oklch(53.20% 0.2609 272.27)` | Pretentious Peacock | white, 5.7 to 1 |
| 4 | `#3e48ff` | `oklch(52.93% 0.2622 270.93)` | Pretentious Peacock | white, 5.8 to 1 |
| 5 | `#3849ff` | `oklch(52.66% 0.2635 269.46)` | Blueshift | white, 5.9 to 1 |
| 6 | `#2f4aff` | `oklch(52.45% 0.2647 267.93)` | Blueshift | white, 5.9 to 1 |
| 7 | `#264bff` | `oklch(52.34% 0.2653 266.44)` | Blueshift | white, 5.9 to 1 |
| 8 | `#1c4dff` | `oklch(52.39% 0.2651 265.07)` | Blue et une Nuit | white, 5.9 to 1 |
| 9 | `#1150ff` | `oklch(52.65% 0.2636 263.90)` | Blue et une Nuit | white, 5.8 to 1 |
| 10 | `#0754ff` | `oklch(53.14% 0.2607 263.06)` | Nīlā Blue | white, 5.6 to 1 |
| 11 | `#0457ff` | `oklch(53.77% 0.2567 262.61)` | Light Shōjin Blue | white, 5.4 to 1 |
| 12 | `#085cff` | `oklch(54.53% 0.2517 262.40)` | Kyanite | white, 5.2 to 1 |
| 13 | `#1160ff` | `oklch(55.44% 0.2452 262.26)` | Kyanite | white, 5 to 1 |
| 14 | `#1866fe` | `oklch(56.47% 0.2381 262.04)` | Heroic Blue | white, 4.8 to 1 |
| 15 | `#1d6bfe` | `oklch(57.62% 0.2307 261.59)` | Bluerocratic | black, 4.6 to 1 |
| 16 | `#1f72fe` | `oklch(58.89% 0.2232 260.74)` | Clouded Blue | black, 4.8 to 1 |
| 17 | `#1e79ff` | `oklch(60.29% 0.2158 259.33)` | Clear Blue | black, 5.2 to 1 |
| 18 | `#1980ff` | `oklch(61.81% 0.2083 257.24)` | Brescian Blue | black, 5.5 to 1 |
| 19 | `#1389ff` | `oklch(63.54% 0.1993 254.58)` | Pool Water | black, 6 to 1 |
| 20 | `#0a92ff` | `oklch(65.45% 0.1901 251.46)` | Clear Chill | black, 6.5 to 1 |
| 21 | `#039cff` | `oklch(67.50% 0.1809 247.96)` | Blue Nebula | black, 7.1 to 1 |
| 22 | `#01a5ff` | `oklch(69.63% 0.1720 244.17)` | Protoss Pylon | black, 7.8 to 1 |
| 23 | `#08afff` | `oklch(71.80% 0.1637 240.16)` | Fantasy Console Sky | black, 8.5 to 1 |
| 24 | `#14b8ff` | `oklch(73.96% 0.1561 236.04)` | Blue Bolt | black, 9.3 to 1 |
| 25 | `#1fc0ff` | `oklch(76.05% 0.1494 231.87)` | Spiro Disco Ball | black, 10 to 1 |
| 26 | `#2ac8ff` | `oklch(78.05% 0.1438 227.72)` | Shovel Knight | black, 10.8 to 1 |
| 27 | `#33d1ff` | `oklch(80.14% 0.1389 223.10)` | Thor’s Thunder | black, 11.6 to 1 |
| 28 | `#3cdaff` | `oklch(82.34% 0.1349 217.98)` | Berta Blue | black, 12.6 to 1 |
| 29 | `#45e2ff` | `oklch(84.56% 0.1321 212.61)` | Splashing Wave | black, 13.6 to 1 |
| 30 | `#4debff` | `oklch(86.73% 0.1307 207.24)` | Shimmering Expanse Cyan | black, 14.6 to 1 |
| 31 | `#53f3ff` | `oklch(88.77% 0.1310 202.12)` | Frozen Turquoise | black, 15.6 to 1 |
| 32 | `#57fbff` | `oklch(90.60% 0.1331 197.49)` | Bright Cyan | black, 16.6 to 1 |
| 33 | `#70fffc` | `oklch(92.14% 0.1235 193.63)` | Aggressive Baby Blue | black, 17.3 to 1 |
| 34 | `#92fff9` | `oklch(93.30% 0.1013 190.74)` | Glitter Shower | black, 17.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #4c48ff 0.000% 2.941%, #4948ff 2.941% 5.882%, #4448ff 5.882% 8.824%, #3e48ff 8.824% 11.765%, #3849ff 11.765% 14.706%, #2f4aff 14.706% 17.647%, #264bff 17.647% 20.588%, #1c4dff 20.588% 23.529%, #1150ff 23.529% 26.471%, #0754ff 26.471% 29.412%, #0457ff 29.412% 32.353%, #085cff 32.353% 35.294%, #1160ff 35.294% 38.235%, #1866fe 38.235% 41.176%, #1d6bfe 41.176% 44.118%, #1f72fe 44.118% 47.059%, #1e79ff 47.059% 50.000%, #1980ff 50.000% 52.941%, #1389ff 52.941% 55.882%, #0a92ff 55.882% 58.824%, #039cff 58.824% 61.765%, #01a5ff 61.765% 64.706%, #08afff 64.706% 67.647%, #14b8ff 67.647% 70.588%, #1fc0ff 70.588% 73.529%, #2ac8ff 73.529% 76.471%, #33d1ff 76.471% 79.412%, #3cdaff 79.412% 82.353%, #45e2ff 82.353% 85.294%, #4debff 85.294% 88.235%, #53f3ff 88.235% 91.176%, #57fbff 91.176% 94.118%, #70fffc 94.118% 97.059%, #92fff9 97.059% 100.000%);
background: linear-gradient(90deg, oklch(53.54% 0.2597 274.22) 0.000% 2.941%, oklch(53.43% 0.2600 273.40) 2.941% 5.882%, oklch(53.20% 0.2609 272.27) 5.882% 8.824%, oklch(52.93% 0.2622 270.93) 8.824% 11.765%, oklch(52.66% 0.2635 269.46) 11.765% 14.706%, oklch(52.45% 0.2647 267.93) 14.706% 17.647%, oklch(52.34% 0.2653 266.44) 17.647% 20.588%, oklch(52.39% 0.2651 265.07) 20.588% 23.529%, oklch(52.65% 0.2636 263.90) 23.529% 26.471%, oklch(53.14% 0.2607 263.06) 26.471% 29.412%, oklch(53.77% 0.2567 262.61) 29.412% 32.353%, oklch(54.53% 0.2517 262.40) 32.353% 35.294%, oklch(55.44% 0.2452 262.26) 35.294% 38.235%, oklch(56.47% 0.2381 262.04) 38.235% 41.176%, oklch(57.62% 0.2307 261.59) 41.176% 44.118%, oklch(58.89% 0.2232 260.74) 44.118% 47.059%, oklch(60.29% 0.2158 259.33) 47.059% 50.000%, oklch(61.81% 0.2083 257.24) 50.000% 52.941%, oklch(63.54% 0.1993 254.58) 52.941% 55.882%, oklch(65.45% 0.1901 251.46) 55.882% 58.824%, oklch(67.50% 0.1809 247.96) 58.824% 61.765%, oklch(69.63% 0.1720 244.17) 61.765% 64.706%, oklch(71.80% 0.1637 240.16) 64.706% 67.647%, oklch(73.96% 0.1561 236.04) 67.647% 70.588%, oklch(76.05% 0.1494 231.87) 70.588% 73.529%, oklch(78.05% 0.1438 227.72) 73.529% 76.471%, oklch(80.14% 0.1389 223.10) 76.471% 79.412%, oklch(82.34% 0.1349 217.98) 79.412% 82.353%, oklch(84.56% 0.1321 212.61) 82.353% 85.294%, oklch(86.73% 0.1307 207.24) 85.294% 88.235%, oklch(88.77% 0.1310 202.12) 88.235% 91.176%, oklch(90.60% 0.1331 197.49) 91.176% 94.118%, oklch(92.14% 0.1235 193.63) 94.118% 97.059%, oklch(93.30% 0.1013 190.74) 97.059% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.535 | 0.26 | 274.2 |
| 2 | 0.528 | 0.265 | 263.7 |
| 3 | 0.61 | 0.212 | 258.4 |
| 4 | 0.776 | 0.149 | 228.8 |
| 5 | 0.933 | 0.147 | 190.7 |

## Other forms

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