# Cool light blue to blue linear gradient

Cool light blue to blue linear gradient with 56 colors: #76d6e2, #6dc9d9, #60b7ca, #52a1b9, #4389a4, #34708e, #275878, #1c4363, #143151, #0d2442, #091c38, #081a34, #0c1f37, #142a3f, #22394c, #344d5c, #4b646f, #657d83, #809799, #9aafae, #b0c4c1, #c2d5d1, #cbe0da, #cde5dd, #c9e7dc, #bfe5d8, #b1e0d1, #9fd9c8, #8ad1bf, #74c9b8, #5cc0b2, #42b8ae, #25b2ad, #00adaf, #00a9b4, #00a6bb, #24a2c2, #3e9fc9, #549bcd, #6798ce, #7695cd, #8392ca, #8c90c6, #918ec1, #948cbd, #948ab9, #9287b5, #8e85b1, #8a82ad, #847faa, #7f7ca6, #797aa3, #7477a0, #6f759d, #6b739a, #697298. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY0UOSnBTGHEItlWKkJVJpLMcWPc`
- Page: https://grabient.com/kY0UOSnBTGHEItlWKkJVJpLMcWPc?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: cool
- Hues: wide
- Contrast of its darkest and lightest colors: 13.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 | `#76d6e2` | `oklch(82.28% 0.0923 206.02)` | Aquamarine Blue | black, 12.5 to 1 |
| 2 | `#6dc9d9` | `oklch(78.59% 0.0904 209.28)` | Betsy | black, 11 to 1 |
| 3 | `#60b7ca` | `oklch(73.28% 0.0880 214.08)` | High Dive | black, 9.1 to 1 |
| 4 | `#52a1b9` | `oklch(66.76% 0.0851 220.00)` | Inuit | black, 7.1 to 1 |
| 5 | `#4389a4` | `oklch(59.46% 0.0818 226.63)` | Magic Blue | black, 5.3 to 1 |
| 6 | `#34708e` | `oklch(51.81% 0.0783 233.55)` | Big Ocean Wave | white, 5.4 to 1 |
| 7 | `#275878` | `oklch(44.22% 0.0746 240.35)` | Sea Hunter | white, 7.6 to 1 |
| 8 | `#1c4363` | `oklch(37.12% 0.0708 246.59)` | Alpine Race | white, 10.3 to 1 |
| 9 | `#143151` | `oklch(30.93% 0.0670 251.88)` | Beyond the Stars | white, 13.1 to 1 |
| 10 | `#0d2442` | `oklch(26.08% 0.0633 255.78)` | Dark Eclipse | white, 15.5 to 1 |
| 11 | `#091c38` | `oklch(22.97% 0.0598 257.90)` | Naval Night | white, 16.9 to 1 |
| 12 | `#081a34` | `oklch(22.05% 0.0565 257.80)` | Naval Night | white, 17.3 to 1 |
| 13 | `#0c1f37` | `oklch(23.69% 0.0529 255.02)` | Trapped Darkness | white, 16.6 to 1 |
| 14 | `#142a3f` | `oklch(27.67% 0.0486 249.73)` | Eternal Darkness | white, 14.7 to 1 |
| 15 | `#22394c` | `oklch(33.51% 0.0439 242.46)` | Subterranean River | white, 11.9 to 1 |
| 16 | `#344d5c` | `oklch(40.73% 0.0390 233.74)` | Ingénue Blue | white, 8.8 to 1 |
| 17 | `#4b646f` | `oklch(48.84% 0.0342 224.10)` | Night Folly | white, 6.2 to 1 |
| 18 | `#657d83` | `oklch(57.35% 0.0298 214.06)` | Catfish | black, 4.8 to 1 |
| 19 | `#809799` | `oklch(65.78% 0.0261 204.15)` | Tidepool Wonder | black, 6.7 to 1 |
| 20 | `#9aafae` | `oklch(73.64% 0.0233 194.90)` | Stormy Bay | black, 9 to 1 |
| 21 | `#b0c4c1` | `oklch(80.45% 0.0218 186.85)` | Jungle Mist | black, 11.5 to 1 |
| 22 | `#c2d5d1` | `oklch(85.73% 0.0217 180.51)` | Aquatic Edge | black, 13.7 to 1 |
| 23 | `#cbe0da` | `oklch(88.98% 0.0234 176.43)` | Rio Sky | black, 15.2 to 1 |
| 24 | `#cde5dd` | `oklch(90.28% 0.0276 174.16)` | Light Picnic Bay | black, 15.8 to 1 |
| 25 | `#c9e7dc` | `oklch(90.21% 0.0344 172.89)` | Misty Glen | black, 15.8 to 1 |
| 26 | `#bfe5d8` | `oklch(89.00% 0.0432 172.56)` | Jade Spell | black, 15.3 to 1 |
| 27 | `#b1e0d1` | `oklch(86.89% 0.0535 173.10)` | Bay | black, 14.4 to 1 |
| 28 | `#9fd9c8` | `oklch(84.14% 0.0646 174.47)` | Yucca Cream | black, 13.2 to 1 |
| 29 | `#8ad1bf` | `oklch(80.99% 0.0759 176.59)` | Blue Frosting | black, 12 to 1 |
| 30 | `#74c9b8` | `oklch(77.68% 0.0869 179.41)` | Shockwave | black, 10.7 to 1 |
| 31 | `#5cc0b2` | `oklch(74.45% 0.0970 182.87)` | Treasured Teal | black, 9.6 to 1 |
| 32 | `#42b8ae` | `oklch(71.55% 0.1056 186.92)` | Green Grapple | black, 8.7 to 1 |
| 33 | `#25b2ad` | `oklch(69.23% 0.1120 191.48)` | Glass Jar Blue | black, 8 to 1 |
| 34 | `#00adaf` | `oklch(67.72% 0.1153 196.51)` | Greenland Green | black, 7.5 to 1 |
| 35 | `#00a9b4` | `oklch(66.89% 0.1139 202.76)` | Exotic Sea | black, 7.3 to 1 |
| 36 | `#00a6bb` | `oklch(66.41% 0.1152 210.77)` | Jamaican Sea | black, 7.1 to 1 |
| 37 | `#24a2c2` | `oklch(66.20% 0.1127 220.09)` | Cyan Blue | black, 7 to 1 |
| 38 | `#3e9fc9` | `oklch(66.21% 0.1084 230.32)` | Blue Raspberry Seed | black, 6.9 to 1 |
| 39 | `#549bcd` | `oklch(66.35% 0.1031 241.03)` | Blue Iguana | black, 6.9 to 1 |
| 40 | `#6798ce` | `oklch(66.58% 0.0971 251.80)` | Quiet Bay | black, 6.9 to 1 |
| 41 | `#7695cd` | `oklch(66.82% 0.0910 262.20)` | Pannikin | black, 6.9 to 1 |
| 42 | `#8392ca` | `oklch(67.00% 0.0850 271.80)` | Mood Mode | black, 6.9 to 1 |
| 43 | `#8c90c6` | `oklch(67.05% 0.0795 280.19)` | Bailey Bells | black, 6.9 to 1 |
| 44 | `#918ec1` | `oklch(66.92% 0.0749 286.93)` | Carriage Ride | black, 6.8 to 1 |
| 45 | `#948cbd` | `oklch(66.54% 0.0717 291.61)` | Butterfly Garden | black, 6.7 to 1 |
| 46 | `#948ab9` | `oklch(65.88% 0.0694 294.16)` | Butterfly Garden | black, 6.5 to 1 |
| 47 | `#9287b5` | `oklch(65.03% 0.0675 294.98)` | Silk Lilac | black, 6.3 to 1 |
| 48 | `#8e85b1` | `oklch(64.03% 0.0660 294.38)` | Silk Lilac | black, 6.1 to 1 |
| 49 | `#8a82ad` | `oklch(62.92% 0.0647 292.65)` | Aster Purple | black, 5.8 to 1 |
| 50 | `#847faa` | `oklch(61.74% 0.0638 290.08)` | Parmentier | black, 5.6 to 1 |
| 51 | `#7f7ca6` | `oklch(60.55% 0.0630 286.97)` | Roseine Plum | black, 5.3 to 1 |
| 52 | `#797aa3` | `oklch(59.39% 0.0624 283.62)` | Lavender Violet | black, 5.1 to 1 |
| 53 | `#7477a0` | `oklch(58.29% 0.0619 280.31)` | Kimono Violet | black, 4.9 to 1 |
| 54 | `#6f759d` | `oklch(57.32% 0.0615 277.35)` | Velvet Morning | black, 4.7 to 1 |
| 55 | `#6b739a` | `oklch(56.51% 0.0611 275.03)` | Silk Crepe Mauve | white, 4.5 to 1 |
| 56 | `#697298` | `oklch(55.91% 0.0606 273.65)` | Silk Crepe Mauve | white, 4.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #76d6e2 0.0%, #6dc9d9 1.8%, #60b7ca 3.6%, #52a1b9 5.5%, #4389a4 7.3%, #34708e 9.1%, #275878 10.9%, #1c4363 12.7%, #143151 14.5%, #0d2442 16.4%, #091c38 18.2%, #081a34 20.0%, #0c1f37 21.8%, #142a3f 23.6%, #22394c 25.5%, #344d5c 27.3%, #4b646f 29.1%, #657d83 30.9%, #809799 32.7%, #9aafae 34.5%, #b0c4c1 36.4%, #c2d5d1 38.2%, #cbe0da 40.0%, #cde5dd 41.8%, #c9e7dc 43.6%, #bfe5d8 45.5%, #b1e0d1 47.3%, #9fd9c8 49.1%, #8ad1bf 50.9%, #74c9b8 52.7%, #5cc0b2 54.5%, #42b8ae 56.4%, #25b2ad 58.2%, #00adaf 60.0%, #00a9b4 61.8%, #00a6bb 63.6%, #24a2c2 65.5%, #3e9fc9 67.3%, #549bcd 69.1%, #6798ce 70.9%, #7695cd 72.7%, #8392ca 74.5%, #8c90c6 76.4%, #918ec1 78.2%, #948cbd 80.0%, #948ab9 81.8%, #9287b5 83.6%, #8e85b1 85.5%, #8a82ad 87.3%, #847faa 89.1%, #7f7ca6 90.9%, #797aa3 92.7%, #7477a0 94.5%, #6f759d 96.4%, #6b739a 98.2%, #697298 100.0%);
background: linear-gradient(135deg in oklch, oklch(82.28% 0.0923 206.02) 0.0%, oklch(78.59% 0.0904 209.28) 1.8%, oklch(73.28% 0.0880 214.08) 3.6%, oklch(66.76% 0.0851 220.00) 5.5%, oklch(59.46% 0.0818 226.63) 7.3%, oklch(51.81% 0.0783 233.55) 9.1%, oklch(44.22% 0.0746 240.35) 10.9%, oklch(37.12% 0.0708 246.59) 12.7%, oklch(30.93% 0.0670 251.88) 14.5%, oklch(26.08% 0.0633 255.78) 16.4%, oklch(22.97% 0.0598 257.90) 18.2%, oklch(22.05% 0.0565 257.80) 20.0%, oklch(23.69% 0.0529 255.02) 21.8%, oklch(27.67% 0.0486 249.73) 23.6%, oklch(33.51% 0.0439 242.46) 25.5%, oklch(40.73% 0.0390 233.74) 27.3%, oklch(48.84% 0.0342 224.10) 29.1%, oklch(57.35% 0.0298 214.06) 30.9%, oklch(65.78% 0.0261 204.15) 32.7%, oklch(73.64% 0.0233 194.90) 34.5%, oklch(80.45% 0.0218 186.85) 36.4%, oklch(85.73% 0.0217 180.51) 38.2%, oklch(88.98% 0.0234 176.43) 40.0%, oklch(90.28% 0.0276 174.16) 41.8%, oklch(90.21% 0.0344 172.89) 43.6%, oklch(89.00% 0.0432 172.56) 45.5%, oklch(86.89% 0.0535 173.10) 47.3%, oklch(84.14% 0.0646 174.47) 49.1%, oklch(80.99% 0.0759 176.59) 50.9%, oklch(77.68% 0.0869 179.41) 52.7%, oklch(74.45% 0.0970 182.87) 54.5%, oklch(71.55% 0.1056 186.92) 56.4%, oklch(69.23% 0.1120 191.48) 58.2%, oklch(67.72% 0.1153 196.51) 60.0%, oklch(66.89% 0.1139 202.76) 61.8%, oklch(66.41% 0.1152 210.77) 63.6%, oklch(66.20% 0.1127 220.09) 65.5%, oklch(66.21% 0.1084 230.32) 67.3%, oklch(66.35% 0.1031 241.03) 69.1%, oklch(66.58% 0.0971 251.80) 70.9%, oklch(66.82% 0.0910 262.20) 72.7%, oklch(67.00% 0.0850 271.80) 74.5%, oklch(67.05% 0.0795 280.19) 76.4%, oklch(66.92% 0.0749 286.93) 78.2%, oklch(66.54% 0.0717 291.61) 80.0%, oklch(65.88% 0.0694 294.16) 81.8%, oklch(65.03% 0.0675 294.98) 83.6%, oklch(64.03% 0.0660 294.38) 85.5%, oklch(62.92% 0.0647 292.65) 87.3%, oklch(61.74% 0.0638 290.08) 89.1%, oklch(60.55% 0.0630 286.97) 90.9%, oklch(59.39% 0.0624 283.62) 92.7%, oklch(58.29% 0.0619 280.31) 94.5%, oklch(57.32% 0.0615 277.35) 96.4%, oklch(56.51% 0.0611 275.03) 98.2%, oklch(55.91% 0.0606 273.65) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.823 | 0.092 | 206 |
| 2 | 0.22 | 0.056 | 257.8 |
| 3 | 0.89 | 0.023 | 176.4 |
| 4 | 0.677 | 0.116 | 196.5 |
| 5 | 0.665 | 0.072 | 291.6 |
| 6 | 0.559 | 0.061 | 273.6 |

## Other forms

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