# Analogous light blue, purple and black linear gradient

Analogous light blue, purple and black linear gradient with 54 colors: #bcdcff, #b6d9ff, #b0d6ff, #a8d2ff, #9eceff, #94caff, #88c5ff, #7bc0ff, #6ebbff, #60b6ff, #5ab0fa, #57aaf4, #55a4ef, #559eea, #5797e6, #5a91e2, #5f8ade, #6582da, #6b7ad4, #7072ce, #766ac7, #7a62c0, #7e5bb7, #8053ae, #824ca5, #82459d, #823e95, #80388e, #7d3287, #7a2c82, #76267d, #721f79, #6e1976, #6a1172, #65076f, #60006c, #5a0066, #530061, #4d005b, #470055, #42004f, #3c0048, #360041, #30003a, #2a0034, #24002d, #1f0026, #190020, #14001a, #100015, #0c0010, #09000c, #060009, #050007. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW4Guy1rFAD02R-jwb_ikk_4`
- Page: https://grabient.com/kW4Guy1rFAD02R-jwb_ikk_4?steps=54
- Drawn as: linear gradient, 54 steps, 90 degrees
- Kinds: light to dark, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 14.6 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 | `#bcdcff` | `oklch(88.19% 0.0597 251.01)` | Broad Daylight | black, 14.7 to 1 |
| 2 | `#b6d9ff` | `oklch(87.32% 0.0643 250.88)` | Oh Boy! | black, 14.3 to 1 |
| 3 | `#b0d6ff` | `oklch(86.25% 0.0702 250.47)` | Malmö FF | black, 13.9 to 1 |
| 4 | `#a8d2ff` | `oklch(85.00% 0.0772 249.86)` | Ice Cold Stare | black, 13.3 to 1 |
| 5 | `#9eceff` | `oklch(83.60% 0.0852 249.13)` | Baby Blue | black, 12.7 to 1 |
| 6 | `#94caff` | `oklch(82.08% 0.0941 248.38)` | Apocyan | black, 12.1 to 1 |
| 7 | `#88c5ff` | `oklch(80.46% 0.1037 247.68)` | Chromis Damsel Blue | black, 11.5 to 1 |
| 8 | `#7bc0ff` | `oklch(78.76% 0.1139 247.12)` | Maya Blue | black, 10.8 to 1 |
| 9 | `#6ebbff` | `oklch(77.02% 0.1243 246.79)` | Green Darner Tail | black, 10.2 to 1 |
| 10 | `#60b6ff` | `oklch(75.25% 0.1348 246.77)` | Tiān Lán Sky | black, 9.6 to 1 |
| 11 | `#5ab0fa` | `oklch(73.49% 0.1365 247.14)` | Tiān Lán Sky | black, 9 to 1 |
| 12 | `#57aaf4` | `oklch(71.76% 0.1358 247.98)` | Cerulean | black, 8.4 to 1 |
| 13 | `#55a4ef` | `oklch(70.09% 0.1352 249.39)` | Feather Star | black, 7.9 to 1 |
| 14 | `#559eea` | `oklch(68.49% 0.1350 251.45)` | Feather Star | black, 7.4 to 1 |
| 15 | `#5797e6` | `oklch(66.97% 0.1351 254.33)` | United Nations Blue | black, 7 to 1 |
| 16 | `#5a91e2` | `oklch(65.46% 0.1354 258.21)` | United Nations Blue | black, 6.5 to 1 |
| 17 | `#5f8ade` | `oklch(63.94% 0.1359 262.92)` | Blue Jay | black, 6.1 to 1 |
| 18 | `#6582da` | `oklch(62.43% 0.1365 268.31)` | Blue Jay | black, 5.7 to 1 |
| 19 | `#6b7ad4` | `oklch(60.91% 0.1373 274.19)` | Kickstart Purple | black, 5.3 to 1 |
| 20 | `#7072ce` | `oklch(59.40% 0.1382 280.40)` | C64 Purple | black, 5 to 1 |
| 21 | `#766ac7` | `oklch(57.88% 0.1393 286.75)` | Purple Toolbox | black, 4.6 to 1 |
| 22 | `#7a62c0` | `oklch(56.37% 0.1405 293.08)` | Ultra Violet | white, 4.8 to 1 |
| 23 | `#7e5bb7` | `oklch(54.85% 0.1418 299.21)` | Fuchsia Blue | white, 5.1 to 1 |
| 24 | `#8053ae` | `oklch(53.34% 0.1432 304.97)` | Royal Lavender | white, 5.5 to 1 |
| 25 | `#824ca5` | `oklch(51.82% 0.1447 310.18)` | Purple Pleasures | white, 5.9 to 1 |
| 26 | `#82459d` | `oklch(50.30% 0.1463 314.68)` | Purple Pleasures | white, 6.3 to 1 |
| 27 | `#823e95` | `oklch(48.79% 0.1480 318.29)` | Cadmium Violet | white, 6.8 to 1 |
| 28 | `#80388e` | `oklch(47.27% 0.1497 320.89)` | Dull Violet | white, 7.3 to 1 |
| 29 | `#7d3287` | `oklch(45.76% 0.1517 322.71)` | Dull Violet | white, 7.8 to 1 |
| 30 | `#7a2c82` | `oklch(44.24% 0.1538 323.90)` | Maximum Purple | white, 8.3 to 1 |
| 31 | `#76267d` | `oklch(42.73% 0.1562 324.54)` | Count’s Wardrobe | white, 8.9 to 1 |
| 32 | `#721f79` | `oklch(41.21% 0.1587 324.71)` | Count’s Wardrobe | white, 9.5 to 1 |
| 33 | `#6e1976` | `oklch(39.70% 0.1613 324.51)` | Pure Purple | white, 10.1 to 1 |
| 34 | `#6a1172` | `oklch(38.18% 0.1639 324.01)` | Deep Daitoku Purple | white, 10.8 to 1 |
| 35 | `#65076f` | `oklch(36.67% 0.1666 323.31)` | Zeus Purple | white, 11.5 to 1 |
| 36 | `#60006c` | `oklch(35.17% 0.1666 322.48)` | Purple Dreamer | white, 12.2 to 1 |
| 37 | `#5a0066` | `oklch(33.65% 0.1601 321.63)` | God of Nights | white, 12.9 to 1 |
| 38 | `#530061` | `oklch(32.14% 0.1536 320.84)` | God of Nights | white, 13.6 to 1 |
| 39 | `#4d005b` | `oklch(30.63% 0.1468 320.20)` | Clairvoyant | white, 14.2 to 1 |
| 40 | `#470055` | `oklch(29.12% 0.1399 319.78)` | Clairvoyant | white, 14.9 to 1 |
| 41 | `#42004f` | `oklch(27.60% 0.1327 319.68)` | Ripe Plum | white, 15.6 to 1 |
| 42 | `#3c0048` | `oklch(26.01% 0.1250 319.67)` | Romanic Scene | white, 16.3 to 1 |
| 43 | `#360041` | `oklch(24.34% 0.1170 319.67)` | Deep Purple | white, 17 to 1 |
| 44 | `#30003a` | `oklch(22.61% 0.1087 319.66)` | Dark Violet | white, 17.6 to 1 |
| 45 | `#2a0034` | `oklch(20.86% 0.1003 319.64)` | Porphyrophobia | white, 18.2 to 1 |
| 46 | `#24002d` | `oklch(19.11% 0.0919 319.63)` | Coal Mine | white, 18.8 to 1 |
| 47 | `#1f0026` | `oklch(17.37% 0.0836 319.60)` | Black Sabbath | white, 19.3 to 1 |
| 48 | `#190020` | `oklch(15.69% 0.0755 319.56)` | Election Night | white, 19.7 to 1 |
| 49 | `#14001a` | `oklch(14.09% 0.0678 319.51)` | Space Grey | white, 20 to 1 |
| 50 | `#100015` | `oklch(12.60% 0.0606 319.43)` | Glossy Black | white, 20.3 to 1 |
| 51 | `#0c0010` | `oklch(11.24% 0.0541 319.31)` | Glossy Black | white, 20.5 to 1 |
| 52 | `#09000c` | `oklch(10.04% 0.0484 319.14)` | Glossy Black | white, 20.6 to 1 |
| 53 | `#060009` | `oklch(9.02% 0.0435 318.92)` | Raven’s Coat | white, 20.7 to 1 |
| 54 | `#050007` | `oklch(8.21% 0.0397 318.65)` | Raven’s Coat | white, 20.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #bcdcff 0.0%, #b6d9ff 1.9%, #b0d6ff 3.8%, #a8d2ff 5.7%, #9eceff 7.5%, #94caff 9.4%, #88c5ff 11.3%, #7bc0ff 13.2%, #6ebbff 15.1%, #60b6ff 17.0%, #5ab0fa 18.9%, #57aaf4 20.8%, #55a4ef 22.6%, #559eea 24.5%, #5797e6 26.4%, #5a91e2 28.3%, #5f8ade 30.2%, #6582da 32.1%, #6b7ad4 34.0%, #7072ce 35.8%, #766ac7 37.7%, #7a62c0 39.6%, #7e5bb7 41.5%, #8053ae 43.4%, #824ca5 45.3%, #82459d 47.2%, #823e95 49.1%, #80388e 50.9%, #7d3287 52.8%, #7a2c82 54.7%, #76267d 56.6%, #721f79 58.5%, #6e1976 60.4%, #6a1172 62.3%, #65076f 64.2%, #60006c 66.0%, #5a0066 67.9%, #530061 69.8%, #4d005b 71.7%, #470055 73.6%, #42004f 75.5%, #3c0048 77.4%, #360041 79.2%, #30003a 81.1%, #2a0034 83.0%, #24002d 84.9%, #1f0026 86.8%, #190020 88.7%, #14001a 90.6%, #100015 92.5%, #0c0010 94.3%, #09000c 96.2%, #060009 98.1%, #050007 100.0%);
background: linear-gradient(90deg in oklch, oklch(88.19% 0.0597 251.01) 0.0%, oklch(87.32% 0.0643 250.88) 1.9%, oklch(86.25% 0.0702 250.47) 3.8%, oklch(85.00% 0.0772 249.86) 5.7%, oklch(83.60% 0.0852 249.13) 7.5%, oklch(82.08% 0.0941 248.38) 9.4%, oklch(80.46% 0.1037 247.68) 11.3%, oklch(78.76% 0.1139 247.12) 13.2%, oklch(77.02% 0.1243 246.79) 15.1%, oklch(75.25% 0.1348 246.77) 17.0%, oklch(73.49% 0.1365 247.14) 18.9%, oklch(71.76% 0.1358 247.98) 20.8%, oklch(70.09% 0.1352 249.39) 22.6%, oklch(68.49% 0.1350 251.45) 24.5%, oklch(66.97% 0.1351 254.33) 26.4%, oklch(65.46% 0.1354 258.21) 28.3%, oklch(63.94% 0.1359 262.92) 30.2%, oklch(62.43% 0.1365 268.31) 32.1%, oklch(60.91% 0.1373 274.19) 34.0%, oklch(59.40% 0.1382 280.40) 35.8%, oklch(57.88% 0.1393 286.75) 37.7%, oklch(56.37% 0.1405 293.08) 39.6%, oklch(54.85% 0.1418 299.21) 41.5%, oklch(53.34% 0.1432 304.97) 43.4%, oklch(51.82% 0.1447 310.18) 45.3%, oklch(50.30% 0.1463 314.68) 47.2%, oklch(48.79% 0.1480 318.29) 49.1%, oklch(47.27% 0.1497 320.89) 50.9%, oklch(45.76% 0.1517 322.71) 52.8%, oklch(44.24% 0.1538 323.90) 54.7%, oklch(42.73% 0.1562 324.54) 56.6%, oklch(41.21% 0.1587 324.71) 58.5%, oklch(39.70% 0.1613 324.51) 60.4%, oklch(38.18% 0.1639 324.01) 62.3%, oklch(36.67% 0.1666 323.31) 64.2%, oklch(35.17% 0.1666 322.48) 66.0%, oklch(33.65% 0.1601 321.63) 67.9%, oklch(32.14% 0.1536 320.84) 69.8%, oklch(30.63% 0.1468 320.20) 71.7%, oklch(29.12% 0.1399 319.78) 73.6%, oklch(27.60% 0.1327 319.68) 75.5%, oklch(26.01% 0.1250 319.67) 77.4%, oklch(24.34% 0.1170 319.67) 79.2%, oklch(22.61% 0.1087 319.66) 81.1%, oklch(20.86% 0.1003 319.64) 83.0%, oklch(19.11% 0.0919 319.63) 84.9%, oklch(17.37% 0.0836 319.60) 86.8%, oklch(15.69% 0.0755 319.56) 88.7%, oklch(14.09% 0.0678 319.51) 90.6%, oklch(12.60% 0.0606 319.43) 92.5%, oklch(11.24% 0.0541 319.31) 94.3%, oklch(10.04% 0.0484 319.14) 96.2%, oklch(9.02% 0.0435 318.92) 98.1%, oklch(8.21% 0.0397 318.65) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.882 | 0.147 | 251 |
| 2 | 0.681 | 0.135 | 252.1 |
| 3 | 0.48 | 0.149 | 319.7 |
| 4 | 0.28 | 0.181 | 319.7 |
| 5 | 0.079 | 0.201 | 319.7 |

## Other forms

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