# Analogous light blue, teal and blue linear gradient

Analogous light blue, teal and blue linear gradient with 56 colors: #dbf3f0, #d7f0ed, #d3ece9, #cee8e5, #c8e4e1, #c2e0dc, #bbdbd7, #b4d5d2, #add0cc, #a5cac6, #9dc4c0, #95beba, #8db8b4, #85b2ae, #7daca8, #74a6a2, #6ca09c, #649a96, #5c9491, #548e8c, #4c8987, #448482, #3d7f7e, #357b7a, #2e7777, #277374, #217072, #1a6d70, #146a6f, #0d686e, #06676d, #01656d, #00646e, #00636e, #00626f, #006170, #006172, #006074, #056076, #0a6077, #106079, #15607b, #1a607d, #1e607f, #236181, #276183, #2b6185, #2e6287, #326288, #35628a, #38628b, #3a628c, #3d638d, #3f638e, #40628e, #42628f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kS8BKFvZvBT6dxq`
- Page: https://grabient.com/kS8BKFvZvBT6dxq?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: light to dark, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.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 | `#dbf3f0` | `oklch(94.49% 0.0248 187.73)` | Aqua Pura | black, 18 to 1 |
| 2 | `#d7f0ed` | `oklch(93.56% 0.0258 187.93)` | Green Frosting | black, 17.5 to 1 |
| 3 | `#d3ece9` | `oklch(92.46% 0.0270 188.10)` | Sea Spray | black, 16.9 to 1 |
| 4 | `#cee8e5` | `oklch(91.21% 0.0284 188.26)` | Icicle Mint | black, 16.3 to 1 |
| 5 | `#c8e4e1` | `oklch(89.81% 0.0299 188.40)` | Swan Lake | black, 15.6 to 1 |
| 6 | `#c2e0dc` | `oklch(88.28% 0.0316 188.53)` | Sea Breath | black, 14.9 to 1 |
| 7 | `#bbdbd7` | `oklch(86.64% 0.0334 188.65)` | Meander Blue | black, 14.1 to 1 |
| 8 | `#b4d5d2` | `oklch(84.89% 0.0353 188.77)` | Dante Peak | black, 13.4 to 1 |
| 9 | `#add0cc` | `oklch(83.05% 0.0373 188.90)` | Cassiopeia | black, 12.6 to 1 |
| 10 | `#a5cac6` | `oklch(81.14% 0.0394 189.04)` | Impressionist Blue | black, 11.8 to 1 |
| 11 | `#9dc4c0` | `oklch(79.16% 0.0415 189.19)` | New-Age Green | black, 11.1 to 1 |
| 12 | `#95beba` | `oklch(77.13% 0.0437 189.37)` | Envisage | black, 10.3 to 1 |
| 13 | `#8db8b4` | `oklch(75.07% 0.0460 189.56)` | Vintage Blue | black, 9.6 to 1 |
| 14 | `#85b2ae` | `oklch(72.98% 0.0482 189.79)` | Cold Front Green | black, 8.9 to 1 |
| 15 | `#7daca8` | `oklch(70.88% 0.0505 190.05)` | Solution | black, 8.3 to 1 |
| 16 | `#74a6a2` | `oklch(68.79% 0.0528 190.35)` | Steel Pan Mallet | black, 7.6 to 1 |
| 17 | `#6ca09c` | `oklch(66.72% 0.0551 190.69)` | Folk Song | black, 7.1 to 1 |
| 18 | `#649a96` | `oklch(64.67% 0.0573 191.08)` | Semi-Precious | black, 6.5 to 1 |
| 19 | `#5c9491` | `oklch(62.67% 0.0595 191.53)` | Pauley | black, 6 to 1 |
| 20 | `#548e8c` | `oklch(60.73% 0.0617 192.03)` | Sea Garden | black, 5.6 to 1 |
| 21 | `#4c8987` | `oklch(58.85% 0.0638 192.60)` | Evora | black, 5.2 to 1 |
| 22 | `#448482` | `oklch(57.07% 0.0658 193.23)` | Emu Egg | black, 4.8 to 1 |
| 23 | `#3d7f7e` | `oklch(55.38% 0.0677 193.94)` | Green Blue Slate | white, 4.6 to 1 |
| 24 | `#357b7a` | `oklch(53.80% 0.0695 194.73)` | Zirconia Teal | white, 4.9 to 1 |
| 25 | `#2e7777` | `oklch(52.34% 0.0711 195.59)` | Atoll | white, 5.2 to 1 |
| 26 | `#277374` | `oklch(51.03% 0.0727 196.55)` | Poseidon’s Castle | white, 5.5 to 1 |
| 27 | `#217072` | `oklch(49.86% 0.0740 197.60)` | Marine Wonder | white, 5.8 to 1 |
| 28 | `#1a6d70` | `oklch(48.86% 0.0753 198.75)` | Peacock Plume | white, 6 to 1 |
| 29 | `#146a6f` | `oklch(48.03% 0.0763 200.01)` | Deep Lake | white, 6.2 to 1 |
| 30 | `#0d686e` | `oklch(47.33% 0.0772 201.44)` | Tahitian Treat | white, 6.4 to 1 |
| 31 | `#06676d` | `oklch(46.74% 0.0780 203.05)` | Tahitian Treat | white, 6.6 to 1 |
| 32 | `#01656d` | `oklch(46.26% 0.0787 204.82)` | Wakame Green | white, 6.8 to 1 |
| 33 | `#00646e` | `oklch(45.89% 0.0786 206.75)` | Peacock Tail | white, 6.9 to 1 |
| 34 | `#00636e` | `oklch(45.60% 0.0786 208.79)` | Peacock Tail | white, 7 to 1 |
| 35 | `#00626f` | `oklch(45.40% 0.0788 210.95)` | Blue Lagoon | white, 7 to 1 |
| 36 | `#006170` | `oklch(45.29% 0.0793 213.21)` | Cool Dive | white, 7.1 to 1 |
| 37 | `#006172` | `oklch(45.24% 0.0802 215.55)` | Ocean Radiance | white, 7.1 to 1 |
| 38 | `#006074` | `oklch(45.26% 0.0813 217.94)` | Ocean Radiance | white, 7.1 to 1 |
| 39 | `#056076` | `oklch(45.34% 0.0815 220.40)` | Lyons Blue | white, 7.1 to 1 |
| 40 | `#0a6077` | `oklch(45.48% 0.0816 222.91)` | Jamaican Dream | white, 7.1 to 1 |
| 41 | `#106079` | `oklch(45.66% 0.0817 225.44)` | Jamaican Dream | white, 7 to 1 |
| 42 | `#15607b` | `oklch(45.88% 0.0817 227.98)` | Blue Sapphire | white, 7 to 1 |
| 43 | `#1a607d` | `oklch(46.13% 0.0817 230.52)` | Blue Sapphire | white, 6.9 to 1 |
| 44 | `#1e607f` | `oklch(46.41% 0.0817 233.04)` | Blue Sapphire | white, 6.8 to 1 |
| 45 | `#236181` | `oklch(46.71% 0.0817 235.52)` | Suez Canal | white, 6.8 to 1 |
| 46 | `#276183` | `oklch(47.01% 0.0816 237.96)` | Suez Canal | white, 6.7 to 1 |
| 47 | `#2b6185` | `oklch(47.33% 0.0815 240.34)` | Carbide | white, 6.6 to 1 |
| 48 | `#2e6287` | `oklch(47.64% 0.0815 242.63)` | Carbide | white, 6.5 to 1 |
| 49 | `#326288` | `oklch(47.94% 0.0814 244.84)` | Bay Site | white, 6.5 to 1 |
| 50 | `#35628a` | `oklch(48.22% 0.0813 246.93)` | Mississippi River | white, 6.4 to 1 |
| 51 | `#38628b` | `oklch(48.48% 0.0812 248.91)` | Mississippi River | white, 6.3 to 1 |
| 52 | `#3a628c` | `oklch(48.72% 0.0812 250.74)` | Mississippi River | white, 6.3 to 1 |
| 53 | `#3d638d` | `oklch(48.91% 0.0812 252.43)` | Mississippi River | white, 6.2 to 1 |
| 54 | `#3f638e` | `oklch(49.07% 0.0812 253.95)` | Blue Beret | white, 6.2 to 1 |
| 55 | `#40628e` | `oklch(49.17% 0.0812 255.28)` | Blue Beret | white, 6.2 to 1 |
| 56 | `#42628f` | `oklch(49.21% 0.0813 256.42)` | Blue Beret | white, 6.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #dbf3f0 0.0%, #d7f0ed 1.8%, #d3ece9 3.6%, #cee8e5 5.5%, #c8e4e1 7.3%, #c2e0dc 9.1%, #bbdbd7 10.9%, #b4d5d2 12.7%, #add0cc 14.5%, #a5cac6 16.4%, #9dc4c0 18.2%, #95beba 20.0%, #8db8b4 21.8%, #85b2ae 23.6%, #7daca8 25.5%, #74a6a2 27.3%, #6ca09c 29.1%, #649a96 30.9%, #5c9491 32.7%, #548e8c 34.5%, #4c8987 36.4%, #448482 38.2%, #3d7f7e 40.0%, #357b7a 41.8%, #2e7777 43.6%, #277374 45.5%, #217072 47.3%, #1a6d70 49.1%, #146a6f 50.9%, #0d686e 52.7%, #06676d 54.5%, #01656d 56.4%, #00646e 58.2%, #00636e 60.0%, #00626f 61.8%, #006170 63.6%, #006172 65.5%, #006074 67.3%, #056076 69.1%, #0a6077 70.9%, #106079 72.7%, #15607b 74.5%, #1a607d 76.4%, #1e607f 78.2%, #236181 80.0%, #276183 81.8%, #2b6185 83.6%, #2e6287 85.5%, #326288 87.3%, #35628a 89.1%, #38628b 90.9%, #3a628c 92.7%, #3d638d 94.5%, #3f638e 96.4%, #40628e 98.2%, #42628f 100.0%);
background: linear-gradient(135deg in oklch, oklch(94.49% 0.0248 187.73) 0.0%, oklch(93.56% 0.0258 187.93) 1.8%, oklch(92.46% 0.0270 188.10) 3.6%, oklch(91.21% 0.0284 188.26) 5.5%, oklch(89.81% 0.0299 188.40) 7.3%, oklch(88.28% 0.0316 188.53) 9.1%, oklch(86.64% 0.0334 188.65) 10.9%, oklch(84.89% 0.0353 188.77) 12.7%, oklch(83.05% 0.0373 188.90) 14.5%, oklch(81.14% 0.0394 189.04) 16.4%, oklch(79.16% 0.0415 189.19) 18.2%, oklch(77.13% 0.0437 189.37) 20.0%, oklch(75.07% 0.0460 189.56) 21.8%, oklch(72.98% 0.0482 189.79) 23.6%, oklch(70.88% 0.0505 190.05) 25.5%, oklch(68.79% 0.0528 190.35) 27.3%, oklch(66.72% 0.0551 190.69) 29.1%, oklch(64.67% 0.0573 191.08) 30.9%, oklch(62.67% 0.0595 191.53) 32.7%, oklch(60.73% 0.0617 192.03) 34.5%, oklch(58.85% 0.0638 192.60) 36.4%, oklch(57.07% 0.0658 193.23) 38.2%, oklch(55.38% 0.0677 193.94) 40.0%, oklch(53.80% 0.0695 194.73) 41.8%, oklch(52.34% 0.0711 195.59) 43.6%, oklch(51.03% 0.0727 196.55) 45.5%, oklch(49.86% 0.0740 197.60) 47.3%, oklch(48.86% 0.0753 198.75) 49.1%, oklch(48.03% 0.0763 200.01) 50.9%, oklch(47.33% 0.0772 201.44) 52.7%, oklch(46.74% 0.0780 203.05) 54.5%, oklch(46.26% 0.0787 204.82) 56.4%, oklch(45.89% 0.0786 206.75) 58.2%, oklch(45.60% 0.0786 208.79) 60.0%, oklch(45.40% 0.0788 210.95) 61.8%, oklch(45.29% 0.0793 213.21) 63.6%, oklch(45.24% 0.0802 215.55) 65.5%, oklch(45.26% 0.0813 217.94) 67.3%, oklch(45.34% 0.0815 220.40) 69.1%, oklch(45.48% 0.0816 222.91) 70.9%, oklch(45.66% 0.0817 225.44) 72.7%, oklch(45.88% 0.0817 227.98) 74.5%, oklch(46.13% 0.0817 230.52) 76.4%, oklch(46.41% 0.0817 233.04) 78.2%, oklch(46.71% 0.0817 235.52) 80.0%, oklch(47.01% 0.0816 237.96) 81.8%, oklch(47.33% 0.0815 240.34) 83.6%, oklch(47.64% 0.0815 242.63) 85.5%, oklch(47.94% 0.0814 244.84) 87.3%, oklch(48.22% 0.0813 246.93) 89.1%, oklch(48.48% 0.0812 248.91) 90.9%, oklch(48.72% 0.0812 250.74) 92.7%, oklch(48.91% 0.0812 252.43) 94.5%, oklch(49.07% 0.0812 253.95) 96.4%, oklch(49.17% 0.0812 255.28) 98.2%, oklch(49.21% 0.0813 256.42) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.945 | 0.025 | 187.7 |
| 2 | 0.484 | 0.076 | 199.4 |
| 3 | 0.492 | 0.081 | 256.4 |

## In these collections

- [Dusty blue bridal flowers](https://grabient.com/dusty-blue-bridal-flowers)

## Other forms

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