# Analogous blue, teal and light blue linear gradient

Analogous blue, teal and light blue linear gradient with 32 colors: #0693e9, #0095e7, #0099e4, #009ce1, #0aa0de, #16a4da, #20a8d6, #28acd3, #2db0d0, #31b4cd, #35b9c9, #3abdc6, #41c2c2, #49c6be, #52caba, #5bcdb6, #63cfb4, #69d2b2, #6fd4b0, #74d7af, #78d9af, #7cdaaf, #7fdcaf, #81dcb0, #82dcb1, #82dcb4, #82dab7, #82d8ba, #82d6bd, #82d4c0, #83d3c1, #84d1c2. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWo3evWSq82MnutpJ745p1CI`
- Page: https://grabient.com/kWo3evWSq82MnutpJ745p1CI?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: pastel, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 2 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 | `#0693e9` | `oklch(64.17% 0.1640 246.09)` | Pervenche | black, 6.3 to 1 |
| 2 | `#0095e7` | `oklch(64.63% 0.1598 244.11)` | Pervenche | black, 6.4 to 1 |
| 3 | `#0099e4` | `oklch(65.23% 0.1536 241.58)` | Atmosphere | black, 6.6 to 1 |
| 4 | `#009ce1` | `oklch(65.94% 0.1475 238.56)` | Atmosphere | black, 6.8 to 1 |
| 5 | `#0aa0de` | `oklch(66.74% 0.1401 235.14)` | Vanadyl Blue | black, 7.1 to 1 |
| 6 | `#16a4da` | `oklch(67.60% 0.1328 231.37)` | Vanadyl Blue | black, 7.3 to 1 |
| 7 | `#20a8d6` | `oklch(68.50% 0.1260 227.31)` | Malibu Blue | black, 7.6 to 1 |
| 8 | `#28acd3` | `oklch(69.40% 0.1203 223.01)` | Battery Charged Blue | black, 7.9 to 1 |
| 9 | `#2db0d0` | `oklch(70.30% 0.1163 218.52)` | Aquarius | black, 8.2 to 1 |
| 10 | `#31b4cd` | `oklch(71.27% 0.1135 213.33)` | Ocean Sigh | black, 8.5 to 1 |
| 11 | `#35b9c9` | `oklch(72.32% 0.1117 207.48)` | Utopia Beckons | black, 8.9 to 1 |
| 12 | `#3abdc6` | `oklch(73.40% 0.1105 201.24)` | Panorama Blue | black, 9.3 to 1 |
| 13 | `#41c2c2` | `oklch(74.50% 0.1099 194.92)` | Gem Turquoise | black, 9.7 to 1 |
| 14 | `#49c6be` | `oklch(75.58% 0.1096 188.81)` | Port Hope | black, 10 to 1 |
| 15 | `#52caba` | `oklch(76.60% 0.1094 183.19)` | Peppy Peacock | black, 10.4 to 1 |
| 16 | `#5bcdb6` | `oklch(77.53% 0.1091 178.37)` | Simply Aqua | black, 10.8 to 1 |
| 17 | `#63cfb4` | `oklch(78.36% 0.1087 174.52)` | Sweet Garden | black, 11.1 to 1 |
| 18 | `#69d2b2` | `oklch(79.17% 0.1088 171.18)` | Sea Treasure | black, 11.4 to 1 |
| 19 | `#6fd4b0` | `oklch(79.95% 0.1093 168.27)` | Sea Treasure | black, 11.7 to 1 |
| 20 | `#74d7af` | `oklch(80.67% 0.1099 165.84)` | Tadorna Teal | black, 12 to 1 |
| 21 | `#78d9af` | `oklch(81.33% 0.1105 163.91)` | Fresco Green | black, 12.3 to 1 |
| 22 | `#7cdaaf` | `oklch(81.89% 0.1107 162.52)` | Fresco Green | black, 12.5 to 1 |
| 23 | `#7fdcaf` | `oklch(82.33% 0.1104 161.71)` | Fresco Green | black, 12.7 to 1 |
| 24 | `#81dcb0` | `oklch(82.63% 0.1093 161.51)` | Jovial Jade | black, 12.8 to 1 |
| 25 | `#82dcb1` | `oklch(82.74% 0.1071 162.14)` | Jovial Jade | black, 12.8 to 1 |
| 26 | `#82dcb4` | `oklch(82.65% 0.1037 163.94)` | Āsmānī Sky | black, 12.8 to 1 |
| 27 | `#82dab7` | `oklch(82.39% 0.0996 166.58)` | Āsmānī Sky | black, 12.7 to 1 |
| 28 | `#82d8ba` | `oklch(82.04% 0.0950 169.73)` | Cabbage | black, 12.5 to 1 |
| 29 | `#82d6bd` | `oklch(81.63% 0.0903 173.04)` | Mint Majesty | black, 12.3 to 1 |
| 30 | `#82d4c0` | `oklch(81.24% 0.0860 176.18)` | Blue Frosting | black, 12.1 to 1 |
| 31 | `#83d3c1` | `oklch(80.91% 0.0824 178.81)` | Blue Frosting | black, 12 to 1 |
| 32 | `#84d1c2` | `oklch(80.71% 0.0799 180.58)` | Blue Frosting | black, 11.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #0693e9 0.0%, #0095e7 3.2%, #0099e4 6.5%, #009ce1 9.7%, #0aa0de 12.9%, #16a4da 16.1%, #20a8d6 19.4%, #28acd3 22.6%, #2db0d0 25.8%, #31b4cd 29.0%, #35b9c9 32.3%, #3abdc6 35.5%, #41c2c2 38.7%, #49c6be 41.9%, #52caba 45.2%, #5bcdb6 48.4%, #63cfb4 51.6%, #69d2b2 54.8%, #6fd4b0 58.1%, #74d7af 61.3%, #78d9af 64.5%, #7cdaaf 67.7%, #7fdcaf 71.0%, #81dcb0 74.2%, #82dcb1 77.4%, #82dcb4 80.6%, #82dab7 83.9%, #82d8ba 87.1%, #82d6bd 90.3%, #82d4c0 93.5%, #83d3c1 96.8%, #84d1c2 100.0%);
background: linear-gradient(135deg in oklch, oklch(64.17% 0.1640 246.09) 0.0%, oklch(64.63% 0.1598 244.11) 3.2%, oklch(65.23% 0.1536 241.58) 6.5%, oklch(65.94% 0.1475 238.56) 9.7%, oklch(66.74% 0.1401 235.14) 12.9%, oklch(67.60% 0.1328 231.37) 16.1%, oklch(68.50% 0.1260 227.31) 19.4%, oklch(69.40% 0.1203 223.01) 22.6%, oklch(70.30% 0.1163 218.52) 25.8%, oklch(71.27% 0.1135 213.33) 29.0%, oklch(72.32% 0.1117 207.48) 32.3%, oklch(73.40% 0.1105 201.24) 35.5%, oklch(74.50% 0.1099 194.92) 38.7%, oklch(75.58% 0.1096 188.81) 41.9%, oklch(76.60% 0.1094 183.19) 45.2%, oklch(77.53% 0.1091 178.37) 48.4%, oklch(78.36% 0.1087 174.52) 51.6%, oklch(79.17% 0.1088 171.18) 54.8%, oklch(79.95% 0.1093 168.27) 58.1%, oklch(80.67% 0.1099 165.84) 61.3%, oklch(81.33% 0.1105 163.91) 64.5%, oklch(81.89% 0.1107 162.52) 67.7%, oklch(82.33% 0.1104 161.71) 71.0%, oklch(82.63% 0.1093 161.51) 74.2%, oklch(82.74% 0.1071 162.14) 77.4%, oklch(82.65% 0.1037 163.94) 80.6%, oklch(82.39% 0.0996 166.58) 83.9%, oklch(82.04% 0.0950 169.73) 87.1%, oklch(81.63% 0.0903 173.04) 90.3%, oklch(81.24% 0.0860 176.18) 93.5%, oklch(80.91% 0.0824 178.81) 96.8%, oklch(80.71% 0.0799 180.58) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.642 | 0.164 | 246.1 |
| 2 | 0.701 | 0.117 | 219.7 |
| 3 | 0.78 | 0.109 | 176.3 |
| 4 | 0.827 | 0.109 | 161.6 |
| 5 | 0.807 | 0.08 | 180.6 |

## In these collections

- [Ocean gradients](https://grabient.com/ocean-gradients)
- [Coastal gradients](https://grabient.com/coastal-gradients)
- [Mint color palette](https://grabient.com/mint-color-palette)
- [Beach gradients](https://grabient.com/beach-gradients)

## Other forms

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