# Analogous teal, light blue and white linear gradient

Analogous teal, light blue and white linear gradient with 32 colors: #71a38c, #72a48e, #73a491, #75a594, #76a798, #78a99c, #7aaca2, #7cb0aa, #7eb5b4, #82bbbf, #86c1cb, #8bc7d7, #91cde1, #97d4e9, #9cdbf0, #a1e3f6, #a6ebfa, #abf3fe, #b6f8ff, #c1fbff, #c9fcff, #cdfeff, #cfffff, #d1ffff, #d5fffe, #d9fffe, #defffe, #e3ffff, #e6ffff, #ebffff, #eeffff, #f0feff. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYqy502hRCGiYxJ4Gb3e46-_2GwI`
- Page: https://grabient.com/kYqy502hRCGiYxJ4Gb3e46-_2GwI?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, pastel, light, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.7 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 | `#71a38c` | `oklch(67.32% 0.0634 163.83)` | Quilotoa Green | black, 7.3 to 1 |
| 2 | `#72a48e` | `oklch(67.61% 0.0623 165.48)` | Quilotoa Green | black, 7.3 to 1 |
| 3 | `#73a491` | `oklch(67.93% 0.0606 167.55)` | Free Green | black, 7.4 to 1 |
| 4 | `#75a594` | `oklch(68.33% 0.0587 170.09)` | Free Green | black, 7.5 to 1 |
| 5 | `#76a798` | `oklch(68.88% 0.0569 173.13)` | Twining Vine | black, 7.7 to 1 |
| 6 | `#78a99c` | `oklch(69.63% 0.0555 176.71)` | Twining Vine | black, 7.9 to 1 |
| 7 | `#7aaca2` | `oklch(70.63% 0.0551 180.89)` | Green Room | black, 8.2 to 1 |
| 8 | `#7cb0aa` | `oklch(71.95% 0.0558 186.22)` | Galaxy Green | black, 8.6 to 1 |
| 9 | `#7eb5b4` | `oklch(73.58% 0.0575 193.31)` | Kingfisher Turquoise | black, 9.1 to 1 |
| 10 | `#82bbbf` | `oklch(75.44% 0.0599 201.21)` | Misty Cold Sea | black, 9.8 to 1 |
| 11 | `#86c1cb` | `oklch(77.45% 0.0625 208.94)` | Antigua Sand | black, 10.5 to 1 |
| 12 | `#8bc7d7` | `oklch(79.50% 0.0650 215.51)` | Maiden Voyage | black, 11.2 to 1 |
| 13 | `#91cde1` | `oklch(81.51% 0.0670 219.94)` | Iqaluit Ice | black, 12 to 1 |
| 14 | `#97d4e9` | `oklch(83.47% 0.0683 221.37)` | Blue Effervescence | black, 12.8 to 1 |
| 15 | `#9cdbf0` | `oklch(85.61% 0.0697 220.07)` | Sora Blue | black, 13.8 to 1 |
| 16 | `#a1e3f6` | `oklch(87.83% 0.0710 216.91)` | Ganon Blue | black, 14.8 to 1 |
| 17 | `#a6ebfa` | `oklch(90.00% 0.0720 212.70)` | Beyond the Clouds | black, 15.9 to 1 |
| 18 | `#abf3fe` | `oklch(91.99% 0.0722 208.30)` | Waterspout | black, 16.9 to 1 |
| 19 | `#b6f8ff` | `oklch(93.68% 0.0665 204.52)` | Pale Sky | black, 17.8 to 1 |
| 20 | `#c1fbff` | `oklch(94.93% 0.0581 202.07)` | Friendly Frost | black, 18.4 to 1 |
| 21 | `#c9fcff` | `oklch(95.77% 0.0524 200.09)` | Thin Air | black, 18.8 to 1 |
| 22 | `#cdfeff` | `oklch(96.30% 0.0496 198.32)` | Dawn Departs | black, 19.1 to 1 |
| 23 | `#cfffff` | `oklch(96.61% 0.0488 196.81)` | Pale Blue | black, 19.3 to 1 |
| 24 | `#d1ffff` | `oklch(96.81% 0.0466 195.66)` | Pale Blue | black, 19.4 to 1 |
| 25 | `#d5fffe` | `oklch(97.01% 0.0433 194.84)` | Mount Olympus | black, 19.5 to 1 |
| 26 | `#d9fffe` | `oklch(97.31% 0.0387 194.46)` | Refreshing Primer | black, 19.6 to 1 |
| 27 | `#defffe` | `oklch(97.64% 0.0338 194.74)` | Apollo’s White | black, 19.8 to 1 |
| 28 | `#e3ffff` | `oklch(97.95% 0.0294 195.58)` | Light Cyan | black, 19.9 to 1 |
| 29 | `#e6ffff` | `oklch(98.23% 0.0255 196.74)` | Bubbles | black, 20.1 to 1 |
| 30 | `#ebffff` | `oklch(98.47% 0.0207 197.92)` | Aphrodite’s Pearls | black, 20.2 to 1 |
| 31 | `#eeffff` | `oklch(98.67% 0.0172 199.01)` | Aphrodite’s Pearls | black, 20.3 to 1 |
| 32 | `#f0feff` | `oklch(98.82% 0.0147 199.70)` | Vapour | black, 20.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #71a38c 0.0%, #72a48e 3.2%, #73a491 6.5%, #75a594 9.7%, #76a798 12.9%, #78a99c 16.1%, #7aaca2 19.4%, #7cb0aa 22.6%, #7eb5b4 25.8%, #82bbbf 29.0%, #86c1cb 32.3%, #8bc7d7 35.5%, #91cde1 38.7%, #97d4e9 41.9%, #9cdbf0 45.2%, #a1e3f6 48.4%, #a6ebfa 51.6%, #abf3fe 54.8%, #b6f8ff 58.1%, #c1fbff 61.3%, #c9fcff 64.5%, #cdfeff 67.7%, #cfffff 71.0%, #d1ffff 74.2%, #d5fffe 77.4%, #d9fffe 80.6%, #defffe 83.9%, #e3ffff 87.1%, #e6ffff 90.3%, #ebffff 93.5%, #eeffff 96.8%, #f0feff 100.0%);
background: linear-gradient(135deg in oklch, oklch(67.32% 0.0634 163.83) 0.0%, oklch(67.61% 0.0623 165.48) 3.2%, oklch(67.93% 0.0606 167.55) 6.5%, oklch(68.33% 0.0587 170.09) 9.7%, oklch(68.88% 0.0569 173.13) 12.9%, oklch(69.63% 0.0555 176.71) 16.1%, oklch(70.63% 0.0551 180.89) 19.4%, oklch(71.95% 0.0558 186.22) 22.6%, oklch(73.58% 0.0575 193.31) 25.8%, oklch(75.44% 0.0599 201.21) 29.0%, oklch(77.45% 0.0625 208.94) 32.3%, oklch(79.50% 0.0650 215.51) 35.5%, oklch(81.51% 0.0670 219.94) 38.7%, oklch(83.47% 0.0683 221.37) 41.9%, oklch(85.61% 0.0697 220.07) 45.2%, oklch(87.83% 0.0710 216.91) 48.4%, oklch(90.00% 0.0720 212.70) 51.6%, oklch(91.99% 0.0722 208.30) 54.8%, oklch(93.68% 0.0665 204.52) 58.1%, oklch(94.93% 0.0581 202.07) 61.3%, oklch(95.77% 0.0524 200.09) 64.5%, oklch(96.30% 0.0496 198.32) 67.7%, oklch(96.61% 0.0488 196.81) 71.0%, oklch(96.81% 0.0466 195.66) 74.2%, oklch(97.01% 0.0433 194.84) 77.4%, oklch(97.31% 0.0387 194.46) 80.6%, oklch(97.64% 0.0338 194.74) 83.9%, oklch(97.95% 0.0294 195.58) 87.1%, oklch(98.23% 0.0255 196.74) 90.3%, oklch(98.47% 0.0207 197.92) 93.5%, oklch(98.67% 0.0172 199.01) 96.8%, oklch(98.82% 0.0147 199.70) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.673 | 0.063 | 163.8 |
| 2 | 0.709 | 0.055 | 181.8 |
| 3 | 0.823 | 0.068 | 220.9 |
| 4 | 0.945 | 0.07 | 202.9 |
| 5 | 0.972 | 0.04 | 194.5 |
| 6 | 0.988 | 0.018 | 199.8 |

## In these collections

- [Spring pastel gradients](https://grabient.com/spring-pastel-gradients)
- [Beach swatches](https://grabient.com/beach-swatches)
- [Light mode color palette](https://grabient.com/light-mode-color-palette)

## Other forms

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