# Pale cyan violet bands

Cool light blue and blue linear swatches with 34 colors: #e0fffa, #cdfffb, #b7fdff, #b3f6ff, #aeeeff, #a8e5ff, #a3dbff, #9dd1ff, #97c7ff, #90bdff, #89b1ff, #82a5ff, #7a97ff, #748afe, #6e7bfd, #696dfb, #6660f9, #6254f5, #5e49f1, #593eed, #5334e9, #4d2be5, #4622e1, #4018dd, #3b0dd8, #3700d4, #3200cd, #2e00c6, #2a00c1, #2600bd, #2201b8, #1e05b4, #1b09b0, #190aac. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Cool light blue and blue linear swatches
- Seed: `kW-DCDZyPIMjSQu1Xr9rNG_I`
- Page: https://grabient.com/kW-DCDZyPIMjSQu1Xr9rNG_I?style=linearSwatches&steps=34&angle=135
- Drawn as: linear swatches, 34 steps, 135 degrees
- Kinds: light to dark, vivid, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 11.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 | `#e0fffa` | `oklch(97.64% 0.0328 184.24)` | Matterhorn Snow | black, 19.8 to 1 |
| 2 | `#cdfffb` | `oklch(96.45% 0.0507 189.71)` | Luminescent Sky | black, 19.2 to 1 |
| 3 | `#b7fdff` | `oklch(94.95% 0.0695 197.26)` | Italian Sky Blue | black, 18.5 to 1 |
| 4 | `#b3f6ff` | `oklch(93.16% 0.0680 206.30)` | Pale Sky | black, 17.5 to 1 |
| 5 | `#aeeeff` | `oklch(91.14% 0.0681 216.22)` | Beyond the Clouds | black, 16.4 to 1 |
| 6 | `#a8e5ff` | `oklch(88.93% 0.0711 226.41)` | Fresh Air | black, 15.3 to 1 |
| 7 | `#a3dbff` | `oklch(86.60% 0.0765 236.25)` | Columbia Blue | black, 14.1 to 1 |
| 8 | `#9dd1ff` | `oklch(84.18% 0.0842 245.13)` | Baby Blue | black, 13 to 1 |
| 9 | `#97c7ff` | `oklch(81.72% 0.0941 252.45)` | Apocyan | black, 11.9 to 1 |
| 10 | `#90bdff` | `oklch(79.17% 0.1060 258.04)` | Scenic Water | black, 10.9 to 1 |
| 11 | `#89b1ff` | `oklch(76.35% 0.1203 262.79)` | Kitten’s Eye | black, 9.8 to 1 |
| 12 | `#82a5ff` | `oklch(73.33% 0.1369 266.80)` | Fennel Flower | black, 8.7 to 1 |
| 13 | `#7a97ff` | `oklch(70.20% 0.1548 270.16)` | Periwinkle Blue | black, 7.7 to 1 |
| 14 | `#748afe` | `oklch(67.05% 0.1732 272.95)` | Punch Out Glove | black, 6.7 to 1 |
| 15 | `#6e7bfd` | `oklch(63.97% 0.1910 275.24)` | Byzantine Night Blue | black, 5.9 to 1 |
| 16 | `#696dfb` | `oklch(61.03% 0.2071 277.12)` | Blue Genie | black, 5.2 to 1 |
| 17 | `#6660f9` | `oklch(58.32% 0.2206 278.66)` | Blue Genie | black, 4.6 to 1 |
| 18 | `#6254f5` | `oklch(55.91% 0.2307 279.87)` | Shady Neon Blue | white, 5.1 to 1 |
| 19 | `#5e49f1` | `oklch(53.65% 0.2389 280.39)` | Purplish Blue | white, 5.6 to 1 |
| 20 | `#593eed` | `oklch(51.52% 0.2456 280.29)` | Purplish Blue | white, 6.2 to 1 |
| 21 | `#5334e9` | `oklch(49.51% 0.2508 279.72)` | Blue Magenta | white, 6.8 to 1 |
| 22 | `#4d2be5` | `oklch(47.64% 0.2548 278.83)` | Royal Vessel | white, 7.5 to 1 |
| 23 | `#4622e1` | `oklch(45.89% 0.2576 277.76)` | Blue Copper Ore | white, 8.1 to 1 |
| 24 | `#4018dd` | `oklch(44.27% 0.2594 276.66)` | Blue Copper Ore | white, 8.7 to 1 |
| 25 | `#3b0dd8` | `oklch(42.77% 0.2603 275.67)` | Blue Copper Ore | white, 9.3 to 1 |
| 26 | `#3700d4` | `oklch(41.40% 0.2603 274.93)` | Interdimensional Blue | white, 9.9 to 1 |
| 27 | `#3200cd` | `oklch(40.19% 0.2543 274.19)` | Busty Blue | white, 10.4 to 1 |
| 28 | `#2e00c6` | `oklch(39.12% 0.2491 273.35)` | Busty Blue | white, 10.8 to 1 |
| 29 | `#2a00c1` | `oklch(38.17% 0.2449 272.45)` | Galactic Highway | white, 11.2 to 1 |
| 30 | `#2600bd` | `oklch(37.34% 0.2415 271.55)` | Deep Sea Exploration | white, 11.5 to 1 |
| 31 | `#2201b8` | `oklch(36.62% 0.2380 270.69)` | Deep Sea Exploration | white, 11.8 to 1 |
| 32 | `#1e05b4` | `oklch(36.00% 0.2324 269.90)` | Deep Sea Exploration | white, 12 to 1 |
| 33 | `#1b09b0` | `oklch(35.48% 0.2277 269.24)` | Deep Sea Exploration | white, 12.2 to 1 |
| 34 | `#190aac` | `oklch(35.04% 0.2246 268.76)` | Deep Sea Exploration | white, 12.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #e0fffa 0.000% 2.941%, #cdfffb 2.941% 5.882%, #b7fdff 5.882% 8.824%, #b3f6ff 8.824% 11.765%, #aeeeff 11.765% 14.706%, #a8e5ff 14.706% 17.647%, #a3dbff 17.647% 20.588%, #9dd1ff 20.588% 23.529%, #97c7ff 23.529% 26.471%, #90bdff 26.471% 29.412%, #89b1ff 29.412% 32.353%, #82a5ff 32.353% 35.294%, #7a97ff 35.294% 38.235%, #748afe 38.235% 41.176%, #6e7bfd 41.176% 44.118%, #696dfb 44.118% 47.059%, #6660f9 47.059% 50.000%, #6254f5 50.000% 52.941%, #5e49f1 52.941% 55.882%, #593eed 55.882% 58.824%, #5334e9 58.824% 61.765%, #4d2be5 61.765% 64.706%, #4622e1 64.706% 67.647%, #4018dd 67.647% 70.588%, #3b0dd8 70.588% 73.529%, #3700d4 73.529% 76.471%, #3200cd 76.471% 79.412%, #2e00c6 79.412% 82.353%, #2a00c1 82.353% 85.294%, #2600bd 85.294% 88.235%, #2201b8 88.235% 91.176%, #1e05b4 91.176% 94.118%, #1b09b0 94.118% 97.059%, #190aac 97.059% 100.000%);
background: linear-gradient(135deg, oklch(97.64% 0.0328 184.24) 0.000% 2.941%, oklch(96.45% 0.0507 189.71) 2.941% 5.882%, oklch(94.95% 0.0695 197.26) 5.882% 8.824%, oklch(93.16% 0.0680 206.30) 8.824% 11.765%, oklch(91.14% 0.0681 216.22) 11.765% 14.706%, oklch(88.93% 0.0711 226.41) 14.706% 17.647%, oklch(86.60% 0.0765 236.25) 17.647% 20.588%, oklch(84.18% 0.0842 245.13) 20.588% 23.529%, oklch(81.72% 0.0941 252.45) 23.529% 26.471%, oklch(79.17% 0.1060 258.04) 26.471% 29.412%, oklch(76.35% 0.1203 262.79) 29.412% 32.353%, oklch(73.33% 0.1369 266.80) 32.353% 35.294%, oklch(70.20% 0.1548 270.16) 35.294% 38.235%, oklch(67.05% 0.1732 272.95) 38.235% 41.176%, oklch(63.97% 0.1910 275.24) 41.176% 44.118%, oklch(61.03% 0.2071 277.12) 44.118% 47.059%, oklch(58.32% 0.2206 278.66) 47.059% 50.000%, oklch(55.91% 0.2307 279.87) 50.000% 52.941%, oklch(53.65% 0.2389 280.39) 52.941% 55.882%, oklch(51.52% 0.2456 280.29) 55.882% 58.824%, oklch(49.51% 0.2508 279.72) 58.824% 61.765%, oklch(47.64% 0.2548 278.83) 61.765% 64.706%, oklch(45.89% 0.2576 277.76) 64.706% 67.647%, oklch(44.27% 0.2594 276.66) 67.647% 70.588%, oklch(42.77% 0.2603 275.67) 70.588% 73.529%, oklch(41.40% 0.2603 274.93) 73.529% 76.471%, oklch(40.19% 0.2543 274.19) 76.471% 79.412%, oklch(39.12% 0.2491 273.35) 79.412% 82.353%, oklch(38.17% 0.2449 272.45) 82.353% 85.294%, oklch(37.34% 0.2415 271.55) 85.294% 88.235%, oklch(36.62% 0.2380 270.69) 88.235% 91.176%, oklch(36.00% 0.2324 269.90) 91.176% 94.118%, oklch(35.48% 0.2277 269.24) 94.118% 97.059%, oklch(35.04% 0.2246 268.76) 97.059% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.976 | 0.066 | 184.2 |
| 2 | 0.811 | 0.098 | 254 |
| 3 | 0.571 | 0.226 | 279.3 |
| 4 | 0.417 | 0.26 | 275.1 |
| 5 | 0.35 | 0.225 | 268.8 |

## In these collections

- [Blue swatches](https://grabient.com/blue-swatches)

## Other forms

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