# Analogous light blue, teal and blue linear swatches

Analogous light blue, teal and blue linear swatches with 32 colors: #e5fff2, #dffcee, #d8faea, #d0f7e4, #c6f3de, #bcefd8, #b1ebd1, #a5e6cb, #9ae2c4, #8fddbe, #85d8b9, #7cd3b5, #74ceb0, #6cc8ac, #65c2a8, #5dbca3, #57b69f, #50b09c, #49aa98, #43a495, #3c9e92, #369890, #2f918e, #298b8d, #26848b, #247d89, #247686, #256f83, #276980, #29647d, #2a5f7a, #2b5c78. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU-Bd1Z6JAc-hQg5mcXA`
- Page: https://grabient.com/kU-Bd1Z6JAc-hQg5mcXA?style=linearSwatches&steps=32&angle=45
- Drawn as: linear swatches, 32 steps, 45 degrees
- Kinds: light to dark, pastel, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.8 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 | `#e5fff2` | `oklch(97.64% 0.0317 164.53)` | Mint Chiffon | black, 19.8 to 1 |
| 2 | `#dffcee` | `oklch(96.72% 0.0355 164.72)` | Crystal Glass | black, 19.3 to 1 |
| 3 | `#d8faea` | `oklch(95.57% 0.0408 164.88)` | Toxic Latte | black, 18.7 to 1 |
| 4 | `#d0f7e4` | `oklch(94.21% 0.0471 165.04)` | Cactus Water | black, 18 to 1 |
| 5 | `#c6f3de` | `oklch(92.69% 0.0542 165.23)` | Light Salome | black, 17.2 to 1 |
| 6 | `#bcefd8` | `oklch(91.03% 0.0616 165.47)` | Mystery Mint | black, 16.4 to 1 |
| 7 | `#b1ebd1` | `oklch(89.28% 0.0691 165.80)` | Martian Haze | black, 15.6 to 1 |
| 8 | `#a5e6cb` | `oklch(87.48% 0.0763 166.23)` | Tropical | black, 14.8 to 1 |
| 9 | `#9ae2c4` | `oklch(85.65% 0.0829 166.79)` | Bright Sea Green | black, 14 to 1 |
| 10 | `#8fddbe` | `oklch(83.83% 0.0884 167.51)` | Āsmānī Sky | black, 13.2 to 1 |
| 11 | `#85d8b9` | `oklch(82.07% 0.0926 168.41)` | Cabbage | black, 12.5 to 1 |
| 12 | `#7cd3b5` | `oklch(80.35% 0.0954 169.47)` | Seafoam Blue | black, 11.8 to 1 |
| 13 | `#74ceb0` | `oklch(78.59% 0.0971 170.53)` | Puppeteers | black, 11.1 to 1 |
| 14 | `#6cc8ac` | `oklch(76.78% 0.0980 171.64)` | Tropical Tide | black, 10.4 to 1 |
| 15 | `#65c2a8` | `oklch(74.93% 0.0982 172.83)` | Spearmint | black, 9.8 to 1 |
| 16 | `#5dbca3` | `oklch(73.06% 0.0979 174.17)` | Puerto Rico | black, 9.2 to 1 |
| 17 | `#57b69f` | `oklch(71.18% 0.0970 175.69)` | Keppel | black, 8.5 to 1 |
| 18 | `#50b09c` | `oklch(69.30% 0.0959 177.45)` | Water Park | black, 8 to 1 |
| 19 | `#49aa98` | `oklch(67.43% 0.0945 179.50)` | Jewel Weed | black, 7.4 to 1 |
| 20 | `#43a495` | `oklch(65.59% 0.0931 181.88)` | Bahaman Bliss | black, 6.9 to 1 |
| 21 | `#3c9e92` | `oklch(63.78% 0.0918 184.64)` | Dioptase Green | black, 6.4 to 1 |
| 22 | `#369890` | `oklch(62.01% 0.0905 187.87)` | Sea | black, 6 to 1 |
| 23 | `#2f918e` | `oklch(60.16% 0.0890 191.94)` | Fish Story | black, 5.5 to 1 |
| 24 | `#298b8d` | `oklch(58.24% 0.0871 196.77)` | Taos Turquoise | black, 5.1 to 1 |
| 25 | `#26848b` | `oklch(56.28% 0.0849 202.15)` | Sea Bed | black, 4.7 to 1 |
| 26 | `#247d89` | `oklch(54.34% 0.0825 207.85)` | Bermuda | white, 4.8 to 1 |
| 27 | `#247686` | `oklch(52.45% 0.0800 213.64)` | Thousand Herb | white, 5.2 to 1 |
| 28 | `#256f83` | `oklch(50.65% 0.0776 219.32)` | Billabong | white, 5.6 to 1 |
| 29 | `#276980` | `oklch(48.99% 0.0753 224.65)` | Allports | white, 6.1 to 1 |
| 30 | `#29647d` | `oklch(47.51% 0.0732 229.42)` | Georgian Bay | white, 6.5 to 1 |
| 31 | `#2a5f7a` | `oklch(46.26% 0.0715 233.41)` | Berry Blue | white, 6.9 to 1 |
| 32 | `#2b5c78` | `oklch(45.28% 0.0703 236.39)` | Nautical Creatures | white, 7.2 to 1 |

## CSS

```css
background: linear-gradient(45deg, #e5fff2 0.000% 3.125%, #dffcee 3.125% 6.250%, #d8faea 6.250% 9.375%, #d0f7e4 9.375% 12.500%, #c6f3de 12.500% 15.625%, #bcefd8 15.625% 18.750%, #b1ebd1 18.750% 21.875%, #a5e6cb 21.875% 25.000%, #9ae2c4 25.000% 28.125%, #8fddbe 28.125% 31.250%, #85d8b9 31.250% 34.375%, #7cd3b5 34.375% 37.500%, #74ceb0 37.500% 40.625%, #6cc8ac 40.625% 43.750%, #65c2a8 43.750% 46.875%, #5dbca3 46.875% 50.000%, #57b69f 50.000% 53.125%, #50b09c 53.125% 56.250%, #49aa98 56.250% 59.375%, #43a495 59.375% 62.500%, #3c9e92 62.500% 65.625%, #369890 65.625% 68.750%, #2f918e 68.750% 71.875%, #298b8d 71.875% 75.000%, #26848b 75.000% 78.125%, #247d89 78.125% 81.250%, #247686 81.250% 84.375%, #256f83 84.375% 87.500%, #276980 87.500% 90.625%, #29647d 90.625% 93.750%, #2a5f7a 93.750% 96.875%, #2b5c78 96.875% 100.000%);
background: linear-gradient(45deg, oklch(97.64% 0.0317 164.53) 0.000% 3.125%, oklch(96.72% 0.0355 164.72) 3.125% 6.250%, oklch(95.57% 0.0408 164.88) 6.250% 9.375%, oklch(94.21% 0.0471 165.04) 9.375% 12.500%, oklch(92.69% 0.0542 165.23) 12.500% 15.625%, oklch(91.03% 0.0616 165.47) 15.625% 18.750%, oklch(89.28% 0.0691 165.80) 18.750% 21.875%, oklch(87.48% 0.0763 166.23) 21.875% 25.000%, oklch(85.65% 0.0829 166.79) 25.000% 28.125%, oklch(83.83% 0.0884 167.51) 28.125% 31.250%, oklch(82.07% 0.0926 168.41) 31.250% 34.375%, oklch(80.35% 0.0954 169.47) 34.375% 37.500%, oklch(78.59% 0.0971 170.53) 37.500% 40.625%, oklch(76.78% 0.0980 171.64) 40.625% 43.750%, oklch(74.93% 0.0982 172.83) 43.750% 46.875%, oklch(73.06% 0.0979 174.17) 46.875% 50.000%, oklch(71.18% 0.0970 175.69) 50.000% 53.125%, oklch(69.30% 0.0959 177.45) 53.125% 56.250%, oklch(67.43% 0.0945 179.50) 56.250% 59.375%, oklch(65.59% 0.0931 181.88) 59.375% 62.500%, oklch(63.78% 0.0918 184.64) 62.500% 65.625%, oklch(62.01% 0.0905 187.87) 65.625% 68.750%, oklch(60.16% 0.0890 191.94) 68.750% 71.875%, oklch(58.24% 0.0871 196.77) 71.875% 75.000%, oklch(56.28% 0.0849 202.15) 75.000% 78.125%, oklch(54.34% 0.0825 207.85) 78.125% 81.250%, oklch(52.45% 0.0800 213.64) 81.250% 84.375%, oklch(50.65% 0.0776 219.32) 84.375% 87.500%, oklch(48.99% 0.0753 224.65) 87.500% 90.625%, oklch(47.51% 0.0732 229.42) 90.625% 93.750%, oklch(46.26% 0.0715 233.41) 93.750% 96.875%, oklch(45.28% 0.0703 236.39) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.976 | 0.032 | 164.5 |
| 2 | 0.815 | 0.094 | 168.8 |
| 3 | 0.626 | 0.091 | 186.7 |
| 4 | 0.453 | 0.07 | 236.4 |

## In these collections

- [Cool gradients](https://grabient.com/cool-gradients)

## Other forms

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