# Analogous light blue, teal and blue linear swatches

Analogous light blue, teal and blue linear swatches with 32 colors: #a4ecfe, #9eebfd, #96e9fc, #8ce7fa, #81e4f7, #75e2f4, #6bdff2, #62ddef, #59dcec, #50daea, #47d8e7, #3ed6e3, #35d3df, #2dd1db, #27ced6, #23cad1, #20c7cb, #1dc3c6, #19bec1, #13b9bd, #0db3ba, #09acb7, #09a4b4, #0a9db1, #0b95ad, #098da9, #0484a4, #017a9f, #006f99, #026693, #055e8e, #09588b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY5TeZaye_OStvzbq79TCbCbinQw`
- Page: https://grabient.com/kY5TeZaye_OStvzbq79TCbCbinQw?style=linearSwatches&steps=32
- Drawn as: linear swatches, 32 steps, 90 degrees
- Kinds: light to dark, pastel, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#a4ecfe` | `oklch(90.16% 0.0758 215.16)` | Beyond the Clouds | black, 16 to 1 |
| 2 | `#9eebfd` | `oklch(89.53% 0.0794 214.49)` | Alpine Expedition | black, 15.7 to 1 |
| 3 | `#96e9fc` | `oklch(88.66% 0.0846 213.58)` | Alpine Expedition | black, 15.3 to 1 |
| 4 | `#8ce7fa` | `oklch(87.63% 0.0907 212.50)` | Photon Projector | black, 14.8 to 1 |
| 5 | `#81e4f7` | `oklch(86.53% 0.0970 211.32)` | Photon Barrier | black, 14.3 to 1 |
| 6 | `#75e2f4` | `oklch(85.43% 0.1030 210.14)` | Photon Barrier | black, 13.9 to 1 |
| 7 | `#6bdff2` | `oklch(84.43% 0.1080 209.02)` | Electric Lemonade | black, 13.5 to 1 |
| 8 | `#62ddef` | `oklch(83.57% 0.1120 207.99)` | Electric Lemonade | black, 13.1 to 1 |
| 9 | `#59dcec` | `oklch(82.77% 0.1155 206.94)` | Electric Lemonade | black, 12.8 to 1 |
| 10 | `#50daea` | `oklch(82.00% 0.1187 205.89)` | Blue Dacnis | black, 12.5 to 1 |
| 11 | `#47d8e7` | `oklch(81.22% 0.1214 204.85)` | Blue Dacnis | black, 12.2 to 1 |
| 12 | `#3ed6e3` | `oklch(80.41% 0.1235 203.84)` | Thousand Sons Blue | black, 11.9 to 1 |
| 13 | `#35d3df` | `oklch(79.52% 0.1250 202.85)` | Aztec Turquoise | black, 11.5 to 1 |
| 14 | `#2dd1db` | `oklch(78.55% 0.1258 201.81)` | Aztec Turquoise | black, 11.2 to 1 |
| 15 | `#27ced6` | `oklch(77.57% 0.1257 200.38)` | Jade Glass | black, 10.8 to 1 |
| 16 | `#23cad1` | `oklch(76.56% 0.1251 198.84)` | Mermaid Net | black, 10.4 to 1 |
| 17 | `#20c7cb` | `oklch(75.48% 0.1239 197.49)` | Turquoise Surf | black, 10 to 1 |
| 18 | `#1dc3c6` | `oklch(74.29% 0.1224 196.65)` | Cala Benirrás Blue | black, 9.6 to 1 |
| 19 | `#19bec1` | `oklch(72.94% 0.1208 196.66)` | Maximum Blue Green | black, 9.2 to 1 |
| 20 | `#13b9bd` | `oklch(71.41% 0.1192 197.80)` | Caicos Turquoise | black, 8.7 to 1 |
| 21 | `#0db3ba` | `oklch(69.70% 0.1170 200.07)` | Marrakech Mile | black, 8.1 to 1 |
| 22 | `#09acb7` | `oklch(67.84% 0.1145 203.21)` | Placid Sea | black, 7.5 to 1 |
| 23 | `#09a4b4` | `oklch(65.85% 0.1118 206.95)` | Garish Blue | black, 7 to 1 |
| 24 | `#0a9db1` | `oklch(63.77% 0.1092 211.01)` | Lake Blue | black, 6.4 to 1 |
| 25 | `#0b95ad` | `oklch(61.61% 0.1072 215.15)` | Munsell Blue | black, 5.8 to 1 |
| 26 | `#098da9` | `oklch(59.39% 0.1059 219.11)` | Quintana | black, 5.3 to 1 |
| 27 | `#0484a4` | `oklch(56.84% 0.1054 223.51)` | Tibetan Turquoise | black, 4.8 to 1 |
| 28 | `#017a9f` | `oklch(54.00% 0.1055 228.38)` | Bleu Ciel | white, 4.9 to 1 |
| 29 | `#006f99` | `oklch(51.12% 0.1060 233.35)` | Tofino Belue | white, 5.5 to 1 |
| 30 | `#026693` | `oklch(48.42% 0.1066 237.99)` | Peacock Blue | white, 6.3 to 1 |
| 31 | `#055e8e` | `oklch(46.13% 0.1072 241.93)` | Mamala Bay | white, 7 to 1 |
| 32 | `#09588b` | `oklch(44.49% 0.1075 244.75)` | Bandana | white, 7.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #a4ecfe 0.000% 3.125%, #9eebfd 3.125% 6.250%, #96e9fc 6.250% 9.375%, #8ce7fa 9.375% 12.500%, #81e4f7 12.500% 15.625%, #75e2f4 15.625% 18.750%, #6bdff2 18.750% 21.875%, #62ddef 21.875% 25.000%, #59dcec 25.000% 28.125%, #50daea 28.125% 31.250%, #47d8e7 31.250% 34.375%, #3ed6e3 34.375% 37.500%, #35d3df 37.500% 40.625%, #2dd1db 40.625% 43.750%, #27ced6 43.750% 46.875%, #23cad1 46.875% 50.000%, #20c7cb 50.000% 53.125%, #1dc3c6 53.125% 56.250%, #19bec1 56.250% 59.375%, #13b9bd 59.375% 62.500%, #0db3ba 62.500% 65.625%, #09acb7 65.625% 68.750%, #09a4b4 68.750% 71.875%, #0a9db1 71.875% 75.000%, #0b95ad 75.000% 78.125%, #098da9 78.125% 81.250%, #0484a4 81.250% 84.375%, #017a9f 84.375% 87.500%, #006f99 87.500% 90.625%, #026693 90.625% 93.750%, #055e8e 93.750% 96.875%, #09588b 96.875% 100.000%);
background: linear-gradient(90deg, oklch(90.16% 0.0758 215.16) 0.000% 3.125%, oklch(89.53% 0.0794 214.49) 3.125% 6.250%, oklch(88.66% 0.0846 213.58) 6.250% 9.375%, oklch(87.63% 0.0907 212.50) 9.375% 12.500%, oklch(86.53% 0.0970 211.32) 12.500% 15.625%, oklch(85.43% 0.1030 210.14) 15.625% 18.750%, oklch(84.43% 0.1080 209.02) 18.750% 21.875%, oklch(83.57% 0.1120 207.99) 21.875% 25.000%, oklch(82.77% 0.1155 206.94) 25.000% 28.125%, oklch(82.00% 0.1187 205.89) 28.125% 31.250%, oklch(81.22% 0.1214 204.85) 31.250% 34.375%, oklch(80.41% 0.1235 203.84) 34.375% 37.500%, oklch(79.52% 0.1250 202.85) 37.500% 40.625%, oklch(78.55% 0.1258 201.81) 40.625% 43.750%, oklch(77.57% 0.1257 200.38) 43.750% 46.875%, oklch(76.56% 0.1251 198.84) 46.875% 50.000%, oklch(75.48% 0.1239 197.49) 50.000% 53.125%, oklch(74.29% 0.1224 196.65) 53.125% 56.250%, oklch(72.94% 0.1208 196.66) 56.250% 59.375%, oklch(71.41% 0.1192 197.80) 59.375% 62.500%, oklch(69.70% 0.1170 200.07) 62.500% 65.625%, oklch(67.84% 0.1145 203.21) 65.625% 68.750%, oklch(65.85% 0.1118 206.95) 68.750% 71.875%, oklch(63.77% 0.1092 211.01) 71.875% 75.000%, oklch(61.61% 0.1072 215.15) 75.000% 78.125%, oklch(59.39% 0.1059 219.11) 78.125% 81.250%, oklch(56.84% 0.1054 223.51) 81.250% 84.375%, oklch(54.00% 0.1055 228.38) 84.375% 87.500%, oklch(51.12% 0.1060 233.35) 87.500% 90.625%, oklch(48.42% 0.1066 237.99) 90.625% 93.750%, oklch(46.13% 0.1072 241.93) 93.750% 96.875%, oklch(44.49% 0.1075 244.75) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.076 | 215.2 |
| 2 | 0.843 | 0.109 | 208.8 |
| 3 | 0.791 | 0.125 | 202.5 |
| 4 | 0.72 | 0.12 | 197.2 |
| 5 | 0.598 | 0.106 | 218.3 |
| 6 | 0.445 | 0.107 | 244.7 |

## In these collections

- [Summer gradients](https://grabient.com/summer-gradients)
- [Spring gradients](https://grabient.com/spring-gradients)
- [Light multicolor gradients](https://grabient.com/light-multicolor-gradients)

## Other forms

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