# Vivid analogous light blue, blue and teal linear gradient

Vivid analogous light blue, blue and teal linear gradient with 59 colors: #46ceff, #40cbff, #3ac8ff, #32c3ff, #29beff, #20b8ff, #16b2ff, #0bacff, #00a5ff, #009ffe, #0099fd, #0094fc, #0090fb, #008cf8, #0088f5, #0085f1, #0083ed, #0080e9, #0a7ee2, #157ddb, #1c7cd4, #217bce, #257ac9, #2779c6, #2979c4, #2c79c3, #2f78c2, #3178c3, #3379c4, #3579c5, #367ac7, #367bc9, #347ecb, #3080cd, #2a84ce, #1e88cf, #008dcd, #0093c5, #0099bd, #009fb5, #00a5ae, #00aba6, #00b19e, #00b896, #30bc8f, #46c08c, #53c58e, #57ca96, #57d0a3, #54d6b5, #53ddcb, #59e2e1, #67e7f7, #97e6ff, #bae7ff, #d0e9ff, #deecff, #e8f0ff, #eff3ff. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYy36hUs7C0gzP_Msz9Xy-13qjzO`
- Page: https://grabient.com/kYy36hUs7C0gzP_Msz9Xy-13qjzO?steps=59&angle=225
- Drawn as: linear gradient, 59 steps, 225 degrees
- Kinds: dark center, vivid, cool
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.1 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 | `#46ceff` | `oklch(79.92% 0.1332 226.40)` | Thor’s Thunder | black, 11.5 to 1 |
| 2 | `#40cbff` | `oklch(79.15% 0.1361 227.70)` | Thor’s Thunder | black, 11.2 to 1 |
| 3 | `#3ac8ff` | `oklch(78.14% 0.1397 229.46)` | Shovel Knight | black, 10.8 to 1 |
| 4 | `#32c3ff` | `oklch(76.95% 0.1439 231.56)` | Shovel Knight | black, 10.3 to 1 |
| 5 | `#29beff` | `oklch(75.61% 0.1488 233.93)` | Capri | black, 9.8 to 1 |
| 6 | `#20b8ff` | `oklch(74.16% 0.1541 236.47)` | Cherenkov Radiation | black, 9.3 to 1 |
| 7 | `#16b2ff` | `oklch(72.65% 0.1598 239.08)` | Fantasy Console Sky | black, 8.8 to 1 |
| 8 | `#0bacff` | `oklch(71.12% 0.1659 241.67)` | Krishna Blue | black, 8.3 to 1 |
| 9 | `#00a5ff` | `oklch(69.61% 0.1722 244.15)` | Protoss Pylon | black, 7.8 to 1 |
| 10 | `#009ffe` | `oklch(68.16% 0.1770 246.44)` | Blue Nebula | black, 7.3 to 1 |
| 11 | `#0099fd` | `oklch(66.81% 0.1817 248.42)` | Sky of Magritte | black, 6.9 to 1 |
| 12 | `#0094fc` | `oklch(65.60% 0.1857 250.00)` | Starfleet Blue | black, 6.6 to 1 |
| 13 | `#0090fb` | `oklch(64.56% 0.1884 251.12)` | Clear Chill | black, 6.3 to 1 |
| 14 | `#008cf8` | `oklch(63.58% 0.1896 251.89)` | Too Blue to Be True | black, 6 to 1 |
| 15 | `#0088f5` | `oklch(62.62% 0.1896 252.39)` | Too Blue to Be True | black, 5.8 to 1 |
| 16 | `#0085f1` | `oklch(61.69% 0.1883 252.66)` | Bubble Bobble P2 | black, 5.6 to 1 |
| 17 | `#0083ed` | `oklch(60.81% 0.1860 252.74)` | Bubble Bobble P2 | black, 5.4 to 1 |
| 18 | `#0080e9` | `oklch(59.99% 0.1830 252.65)` | Blue Cola | black, 5.2 to 1 |
| 19 | `#0a7ee2` | `oklch(59.22% 0.1759 252.42)` | Soothing Sapphire | black, 5.1 to 1 |
| 20 | `#157ddb` | `oklch(58.54% 0.1674 252.12)` | Soothing Sapphire | black, 4.9 to 1 |
| 21 | `#1c7cd4` | `oklch(57.93% 0.1592 251.76)` | Soothing Sapphire | black, 4.8 to 1 |
| 22 | `#217bce` | `oklch(57.43% 0.1519 251.39)` | Blue-Eyed Boy | black, 4.7 to 1 |
| 23 | `#257ac9` | `oklch(57.03% 0.1458 251.05)` | Blue-Eyed Boy | black, 4.7 to 1 |
| 24 | `#2779c6` | `oklch(56.74% 0.1412 250.76)` | Skylla | black, 4.6 to 1 |
| 25 | `#2979c4` | `oklch(56.56% 0.1383 250.68)` | Skylla | black, 4.6 to 1 |
| 26 | `#2c79c3` | `oklch(56.48% 0.1365 251.00)` | Windows Blue | black, 4.6 to 1 |
| 27 | `#2f78c2` | `oklch(56.48% 0.1355 251.58)` | Windows Blue | black, 4.6 to 1 |
| 28 | `#3178c3` | `oklch(56.58% 0.1353 252.27)` | Windows Blue | black, 4.6 to 1 |
| 29 | `#3379c4` | `oklch(56.77% 0.1356 252.93)` | Windows Blue | black, 4.6 to 1 |
| 30 | `#3579c5` | `oklch(57.04% 0.1364 253.42)` | Celestial Plum | black, 4.6 to 1 |
| 31 | `#367ac7` | `oklch(57.39% 0.1374 253.59)` | Heirloom Hydrangea | black, 4.7 to 1 |
| 32 | `#367bc9` | `oklch(57.83% 0.1385 253.30)` | Heirloom Hydrangea | black, 4.8 to 1 |
| 33 | `#347ecb` | `oklch(58.35% 0.1395 252.40)` | Heirloom Hydrangea | black, 4.9 to 1 |
| 34 | `#3080cd` | `oklch(58.96% 0.1403 250.75)` | Heirloom Hydrangea | black, 5.1 to 1 |
| 35 | `#2a84ce` | `oklch(59.64% 0.1407 248.20)` | Calgar Blue | black, 5.2 to 1 |
| 36 | `#1e88cf` | `oklch(60.39% 0.1405 244.59)` | Way Beyond the Blue | black, 5.4 to 1 |
| 37 | `#008dcd` | `oklch(61.25% 0.1380 238.99)` | Zürich Blue | black, 5.6 to 1 |
| 38 | `#0093c5` | `oklch(62.21% 0.1259 231.36)` | Dynamic Blue | black, 5.9 to 1 |
| 39 | `#0099bd` | `oklch(63.26% 0.1171 222.25)` | Serene Blue | black, 6.2 to 1 |
| 40 | `#009fb5` | `oklch(64.40% 0.1123 212.18)` | January Blue | black, 6.6 to 1 |
| 41 | `#00a5ae` | `oklch(65.62% 0.1116 201.70)` | Aare River Brienz | black, 6.9 to 1 |
| 42 | `#00aba6` | `oklch(66.91% 0.1151 191.33)` | Teal Me No Lies | black, 7.3 to 1 |
| 43 | `#00b19e` | `oklch(68.27% 0.1226 181.60)` | Pool Green | black, 7.8 to 1 |
| 44 | `#00b896` | `oklch(69.68% 0.1338 173.04)` | Aoife’s Green | black, 8.2 to 1 |
| 45 | `#30bc8f` | `oklch(71.14% 0.1346 166.18)` | Mountain Meadow | black, 8.7 to 1 |
| 46 | `#46c08c` | `oklch(72.64% 0.1332 161.55)` | Garish Green | black, 9.1 to 1 |
| 47 | `#53c58e` | `oklch(74.18% 0.1316 159.69)` | Enamelled Dragon | black, 9.6 to 1 |
| 48 | `#57ca96` | `oklch(75.79% 0.1297 161.11)` | Vegetation | black, 10.2 to 1 |
| 49 | `#57d0a3` | `oklch(77.60% 0.1273 165.87)` | Mint Jelly | black, 10.9 to 1 |
| 50 | `#54d6b5` | `oklch(79.60% 0.1244 173.42)` | Sweet Garden | black, 11.6 to 1 |
| 51 | `#53ddcb` | `oklch(81.72% 0.1213 183.16)` | Jazzy Jade | black, 12.5 to 1 |
| 52 | `#59e2e1` | `oklch(83.91% 0.1179 194.51)` | Pluviophile | black, 13.4 to 1 |
| 53 | `#67e7f7` | `oklch(86.10% 0.1145 206.89)` | Robin’s Egg | black, 14.2 to 1 |
| 54 | `#97e6ff` | `oklch(88.26% 0.0849 219.69)` | Winter Wizard | black, 15 to 1 |
| 55 | `#bae7ff` | `oklch(90.32% 0.0570 232.34)` | Blue Java Banana | black, 15.9 to 1 |
| 56 | `#d0e9ff` | `oklch(92.22% 0.0404 244.26)` | Veiling Waterfalls | black, 16.7 to 1 |
| 57 | `#deecff` | `oklch(93.91% 0.0296 254.85)` | Calcareous Sinter | black, 17.5 to 1 |
| 58 | `#e8f0ff` | `oklch(95.34% 0.0220 263.54)` | Brilliant White | black, 18.3 to 1 |
| 59 | `#eff3ff` | `oklch(96.46% 0.0166 269.72)` | Placebo Blue | black, 18.9 to 1 |

## CSS

```css
background: linear-gradient(225deg, #46ceff 0.0%, #40cbff 1.7%, #3ac8ff 3.4%, #32c3ff 5.2%, #29beff 6.9%, #20b8ff 8.6%, #16b2ff 10.3%, #0bacff 12.1%, #00a5ff 13.8%, #009ffe 15.5%, #0099fd 17.2%, #0094fc 19.0%, #0090fb 20.7%, #008cf8 22.4%, #0088f5 24.1%, #0085f1 25.9%, #0083ed 27.6%, #0080e9 29.3%, #0a7ee2 31.0%, #157ddb 32.8%, #1c7cd4 34.5%, #217bce 36.2%, #257ac9 37.9%, #2779c6 39.7%, #2979c4 41.4%, #2c79c3 43.1%, #2f78c2 44.8%, #3178c3 46.6%, #3379c4 48.3%, #3579c5 50.0%, #367ac7 51.7%, #367bc9 53.4%, #347ecb 55.2%, #3080cd 56.9%, #2a84ce 58.6%, #1e88cf 60.3%, #008dcd 62.1%, #0093c5 63.8%, #0099bd 65.5%, #009fb5 67.2%, #00a5ae 69.0%, #00aba6 70.7%, #00b19e 72.4%, #00b896 74.1%, #30bc8f 75.9%, #46c08c 77.6%, #53c58e 79.3%, #57ca96 81.0%, #57d0a3 82.8%, #54d6b5 84.5%, #53ddcb 86.2%, #59e2e1 87.9%, #67e7f7 89.7%, #97e6ff 91.4%, #bae7ff 93.1%, #d0e9ff 94.8%, #deecff 96.6%, #e8f0ff 98.3%, #eff3ff 100.0%);
background: linear-gradient(225deg in oklch, oklch(79.92% 0.1332 226.40) 0.0%, oklch(79.15% 0.1361 227.70) 1.7%, oklch(78.14% 0.1397 229.46) 3.4%, oklch(76.95% 0.1439 231.56) 5.2%, oklch(75.61% 0.1488 233.93) 6.9%, oklch(74.16% 0.1541 236.47) 8.6%, oklch(72.65% 0.1598 239.08) 10.3%, oklch(71.12% 0.1659 241.67) 12.1%, oklch(69.61% 0.1722 244.15) 13.8%, oklch(68.16% 0.1770 246.44) 15.5%, oklch(66.81% 0.1817 248.42) 17.2%, oklch(65.60% 0.1857 250.00) 19.0%, oklch(64.56% 0.1884 251.12) 20.7%, oklch(63.58% 0.1896 251.89) 22.4%, oklch(62.62% 0.1896 252.39) 24.1%, oklch(61.69% 0.1883 252.66) 25.9%, oklch(60.81% 0.1860 252.74) 27.6%, oklch(59.99% 0.1830 252.65) 29.3%, oklch(59.22% 0.1759 252.42) 31.0%, oklch(58.54% 0.1674 252.12) 32.8%, oklch(57.93% 0.1592 251.76) 34.5%, oklch(57.43% 0.1519 251.39) 36.2%, oklch(57.03% 0.1458 251.05) 37.9%, oklch(56.74% 0.1412 250.76) 39.7%, oklch(56.56% 0.1383 250.68) 41.4%, oklch(56.48% 0.1365 251.00) 43.1%, oklch(56.48% 0.1355 251.58) 44.8%, oklch(56.58% 0.1353 252.27) 46.6%, oklch(56.77% 0.1356 252.93) 48.3%, oklch(57.04% 0.1364 253.42) 50.0%, oklch(57.39% 0.1374 253.59) 51.7%, oklch(57.83% 0.1385 253.30) 53.4%, oklch(58.35% 0.1395 252.40) 55.2%, oklch(58.96% 0.1403 250.75) 56.9%, oklch(59.64% 0.1407 248.20) 58.6%, oklch(60.39% 0.1405 244.59) 60.3%, oklch(61.25% 0.1380 238.99) 62.1%, oklch(62.21% 0.1259 231.36) 63.8%, oklch(63.26% 0.1171 222.25) 65.5%, oklch(64.40% 0.1123 212.18) 67.2%, oklch(65.62% 0.1116 201.70) 69.0%, oklch(66.91% 0.1151 191.33) 70.7%, oklch(68.27% 0.1226 181.60) 72.4%, oklch(69.68% 0.1338 173.04) 74.1%, oklch(71.14% 0.1346 166.18) 75.9%, oklch(72.64% 0.1332 161.55) 77.6%, oklch(74.18% 0.1316 159.69) 79.3%, oklch(75.79% 0.1297 161.11) 81.0%, oklch(77.60% 0.1273 165.87) 82.8%, oklch(79.60% 0.1244 173.42) 84.5%, oklch(81.72% 0.1213 183.16) 86.2%, oklch(83.91% 0.1179 194.51) 87.9%, oklch(86.10% 0.1145 206.89) 89.7%, oklch(88.26% 0.0849 219.69) 91.4%, oklch(90.32% 0.0570 232.34) 93.1%, oklch(92.22% 0.0404 244.26) 94.8%, oklch(93.91% 0.0296 254.85) 96.6%, oklch(95.34% 0.0220 263.54) 98.3%, oklch(96.46% 0.0166 269.72) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.799 | 0.174 | 226.4 |
| 2 | 0.65 | 0.216 | 250.7 |
| 3 | 0.567 | 0.141 | 250.7 |
| 4 | 0.602 | 0.141 | 245.4 |
| 5 | 0.748 | 0.131 | 159.8 |
| 6 | 0.965 | 0.098 | 269.7 |

## Other forms

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