# Cool light blue, navy, teal and blue linear gradient

Cool light blue, navy, teal and blue linear gradient with 48 colors: #c7e0e6, #b6d3db, #9ec1cd, #82abbd, #6593ab, #497a99, #2f6188, #194a77, #073668, #00265b, #001a50, #001146, #01093d, #020534, #02042e, #020428, #020525, #020825, #030c27, #04132d, #061d37, #092c46, #0d4058, #13566b, #1d6f7d, #2b878e, #3d9f9c, #4eb3a9, #5dc3b3, #68cfbc, #71d9c7, #79e1d3, #7fe6df, #85eaea, #89ecf3, #8bebf9, #8ce7fd, #88e2fe, #80dafc, #72ccf6, #60bbed, #4ba5e1, #358ed3, #2276c5, #135fb6, #0d49a8, #0e369c, #122694. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY4hSYIaZFReUwBgpDabKNE6xAxQ`
- Page: https://grabient.com/kY4hSYIaZFReUwBgpDabKNE6xAxQ?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: dark center, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 14.5 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 | `#c7e0e6` | `oklch(88.98% 0.0276 213.75)` | Wind Tunnel | black, 15.2 to 1 |
| 2 | `#b6d3db` | `oklch(84.70% 0.0331 216.88)` | Subtle Breeze | black, 13.2 to 1 |
| 3 | `#9ec1cd` | `oklch(78.81% 0.0411 221.21)` | Stratosphere | black, 10.9 to 1 |
| 4 | `#82abbd` | `oklch(71.73% 0.0508 226.43)` | Summerhouse Blue | black, 8.4 to 1 |
| 5 | `#6593ab` | `oklch(63.89% 0.0615 232.20)` | Blue Cruise | black, 6.3 to 1 |
| 6 | `#497a99` | `oklch(55.70% 0.0724 238.21)` | Sea Swirl | white, 4.6 to 1 |
| 7 | `#2f6188` | `oklch(47.60% 0.0828 244.13)` | Bay Site | white, 6.5 to 1 |
| 8 | `#194a77` | `oklch(40.01% 0.0920 249.63)` | Linear | white, 9.1 to 1 |
| 9 | `#073668` | `oklch(33.34% 0.0993 254.39)` | Lost in Space | white, 12.1 to 1 |
| 10 | `#00265b` | `oklch(28.03% 0.1038 258.08)` | Black Sea Night | white, 14.7 to 1 |
| 11 | `#001a50` | `oklch(24.24% 0.1036 260.83)` | Interstellar Blue | white, 16.5 to 1 |
| 12 | `#001146` | `oklch(21.05% 0.1028 262.94)` | Kantor Blue | white, 17.9 to 1 |
| 13 | `#01093d` | `oklch(18.43% 0.0979 264.92)` | Stratos | white, 18.9 to 1 |
| 14 | `#020534` | `oklch(16.42% 0.0913 266.46)` | Oblivion | white, 19.5 to 1 |
| 15 | `#02042e` | `oklch(15.04% 0.0836 267.45)` | Midnight | white, 19.8 to 1 |
| 16 | `#020428` | `oklch(14.33% 0.0756 267.74)` | Midnight | white, 19.9 to 1 |
| 17 | `#020525` | `oklch(14.35% 0.0681 267.21)` | Midnight | white, 19.9 to 1 |
| 18 | `#020825` | `oklch(15.11% 0.0619 265.73)` | Mysterious Depths | white, 19.7 to 1 |
| 19 | `#030c27` | `oklch(16.66% 0.0578 263.16)` | Void | white, 19.2 to 1 |
| 20 | `#04132d` | `oklch(19.07% 0.0565 259.35)` | Squid’s Ink | white, 18.4 to 1 |
| 21 | `#061d37` | `oklch(23.01% 0.0579 253.17)` | Naval Night | white, 16.9 to 1 |
| 22 | `#092c46` | `oklch(28.48% 0.0612 244.66)` | Midnight Ocean | white, 14.3 to 1 |
| 23 | `#0d4058` | `oklch(35.07% 0.0660 234.57)` | Maniac Mansion | white, 11.1 to 1 |
| 24 | `#13566b` | `oklch(42.37% 0.0719 223.61)` | Corsair | white, 8.1 to 1 |
| 25 | `#1d6f7d` | `oklch(49.98% 0.0782 212.53)` | Billabong | white, 5.8 to 1 |
| 26 | `#2b878e` | `oklch(57.48% 0.0846 202.04)` | Turkish Jade | black, 4.9 to 1 |
| 27 | `#3d9f9c` | `oklch(64.46% 0.0904 192.88)` | Baltic Green | black, 6.6 to 1 |
| 28 | `#4eb3a9` | `oklch(70.51% 0.0953 185.78)` | Emerald Wave | black, 8.3 to 1 |
| 29 | `#5dc3b3` | `oklch(75.24% 0.0987 181.46)` | Treasured Teal | black, 9.9 to 1 |
| 30 | `#68cfbc` | `oklch(78.70% 0.1003 180.26)` | Patina | black, 11.2 to 1 |
| 31 | `#71d9c7` | `oklch(81.69% 0.1003 181.46)` | Star Grass | black, 12.4 to 1 |
| 32 | `#79e1d3` | `oklch(84.20% 0.0991 184.63)` | Sea Foam | black, 13.4 to 1 |
| 33 | `#7fe6df` | `oklch(86.18% 0.0973 189.31)` | Turquoise Chalk | black, 14.3 to 1 |
| 34 | `#85eaea` | `oklch(87.59% 0.0952 195.08)` | Bath Water | black, 14.9 to 1 |
| 35 | `#89ecf3` | `oklch(88.38% 0.0934 201.50)` | Bath Water | black, 15.2 to 1 |
| 36 | `#8bebf9` | `oklch(88.51% 0.0924 208.13)` | Photon Projector | black, 15.3 to 1 |
| 37 | `#8ce7fd` | `oklch(87.93% 0.0925 214.54)` | Photon Projector | black, 14.9 to 1 |
| 38 | `#88e2fe` | `oklch(86.61% 0.0944 220.30)` | Tranquil Pool | black, 14.3 to 1 |
| 39 | `#80dafc` | `oklch(84.40% 0.0983 225.12)` | Tranquil Pool | black, 13.3 to 1 |
| 40 | `#72ccf6` | `oklch(80.64% 0.1048 230.07)` | Nevermind Nirvana | black, 11.7 to 1 |
| 41 | `#60bbed` | `oklch(75.50% 0.1132 235.30)` | Norfolk Sky | black, 9.7 to 1 |
| 42 | `#4ba5e1` | `oklch(69.38% 0.1231 240.66)` | High Blue | black, 7.7 to 1 |
| 43 | `#358ed3` | `oklch(62.69% 0.1337 246.00)` | Magical Merlin | black, 5.9 to 1 |
| 44 | `#2276c5` | `oklch(55.82% 0.1445 251.14)` | Blue-Eyed Boy | white, 4.6 to 1 |
| 45 | `#135fb6` | `oklch(49.19% 0.1549 255.93)` | Amnesia Blue | white, 6.3 to 1 |
| 46 | `#0d49a8` | `oklch(43.18% 0.1643 260.21)` | Soulstone Blue | white, 8.2 to 1 |
| 47 | `#0e369c` | `oklch(38.20% 0.1721 263.81)` | Amalfitan Azure | white, 10.3 to 1 |
| 48 | `#122694` | `oklch(34.65% 0.1778 266.59)` | Blue Torus | white, 12.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #c7e0e6 0.0%, #b6d3db 2.1%, #9ec1cd 4.3%, #82abbd 6.4%, #6593ab 8.5%, #497a99 10.6%, #2f6188 12.8%, #194a77 14.9%, #073668 17.0%, #00265b 19.1%, #001a50 21.3%, #001146 23.4%, #01093d 25.5%, #020534 27.7%, #02042e 29.8%, #020428 31.9%, #020525 34.0%, #020825 36.2%, #030c27 38.3%, #04132d 40.4%, #061d37 42.6%, #092c46 44.7%, #0d4058 46.8%, #13566b 48.9%, #1d6f7d 51.1%, #2b878e 53.2%, #3d9f9c 55.3%, #4eb3a9 57.4%, #5dc3b3 59.6%, #68cfbc 61.7%, #71d9c7 63.8%, #79e1d3 66.0%, #7fe6df 68.1%, #85eaea 70.2%, #89ecf3 72.3%, #8bebf9 74.5%, #8ce7fd 76.6%, #88e2fe 78.7%, #80dafc 80.9%, #72ccf6 83.0%, #60bbed 85.1%, #4ba5e1 87.2%, #358ed3 89.4%, #2276c5 91.5%, #135fb6 93.6%, #0d49a8 95.7%, #0e369c 97.9%, #122694 100.0%);
background: linear-gradient(135deg in oklch, oklch(88.98% 0.0276 213.75) 0.0%, oklch(84.70% 0.0331 216.88) 2.1%, oklch(78.81% 0.0411 221.21) 4.3%, oklch(71.73% 0.0508 226.43) 6.4%, oklch(63.89% 0.0615 232.20) 8.5%, oklch(55.70% 0.0724 238.21) 10.6%, oklch(47.60% 0.0828 244.13) 12.8%, oklch(40.01% 0.0920 249.63) 14.9%, oklch(33.34% 0.0993 254.39) 17.0%, oklch(28.03% 0.1038 258.08) 19.1%, oklch(24.24% 0.1036 260.83) 21.3%, oklch(21.05% 0.1028 262.94) 23.4%, oklch(18.43% 0.0979 264.92) 25.5%, oklch(16.42% 0.0913 266.46) 27.7%, oklch(15.04% 0.0836 267.45) 29.8%, oklch(14.33% 0.0756 267.74) 31.9%, oklch(14.35% 0.0681 267.21) 34.0%, oklch(15.11% 0.0619 265.73) 36.2%, oklch(16.66% 0.0578 263.16) 38.3%, oklch(19.07% 0.0565 259.35) 40.4%, oklch(23.01% 0.0579 253.17) 42.6%, oklch(28.48% 0.0612 244.66) 44.7%, oklch(35.07% 0.0660 234.57) 46.8%, oklch(42.37% 0.0719 223.61) 48.9%, oklch(49.98% 0.0782 212.53) 51.1%, oklch(57.48% 0.0846 202.04) 53.2%, oklch(64.46% 0.0904 192.88) 55.3%, oklch(70.51% 0.0953 185.78) 57.4%, oklch(75.24% 0.0987 181.46) 59.6%, oklch(78.70% 0.1003 180.26) 61.7%, oklch(81.69% 0.1003 181.46) 63.8%, oklch(84.20% 0.0991 184.63) 66.0%, oklch(86.18% 0.0973 189.31) 68.1%, oklch(87.59% 0.0952 195.08) 70.2%, oklch(88.38% 0.0934 201.50) 72.3%, oklch(88.51% 0.0924 208.13) 74.5%, oklch(87.93% 0.0925 214.54) 76.6%, oklch(86.61% 0.0944 220.30) 78.7%, oklch(84.40% 0.0983 225.12) 80.9%, oklch(80.64% 0.1048 230.07) 83.0%, oklch(75.50% 0.1132 235.30) 85.1%, oklch(69.38% 0.1231 240.66) 87.2%, oklch(62.69% 0.1337 246.00) 89.4%, oklch(55.82% 0.1445 251.14) 91.5%, oklch(49.19% 0.1549 255.93) 93.6%, oklch(43.18% 0.1643 260.21) 95.7%, oklch(38.20% 0.1721 263.81) 97.9%, oklch(34.65% 0.1778 266.59) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.89 | 0.028 | 213.8 |
| 2 | 0.264 | 0.105 | 259.2 |
| 3 | 0.185 | 0.056 | 260.2 |
| 4 | 0.76 | 0.099 | 181 |
| 5 | 0.854 | 0.096 | 223.3 |
| 6 | 0.346 | 0.178 | 266.6 |

## Other forms

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