# Pastel analogous green, teal and blue linear gradient

Pastel analogous green, teal and blue linear gradient with 32 colors: #affca7, #abfca8, #a6fbaa, #a0faac, #9af8ae, #92f7b1, #8af5b3, #82f3b6, #79f1b9, #71efbc, #68edbf, #5febc2, #56e8c5, #4ee6c7, #45e3c9, #3ee1cb, #37decd, #30dccf, #29d9d0, #21d6d1, #1ad3d2, #13d0d3, #0cced4, #06cbd5, #03c8d5, #01c5d5, #02c2d5, #04c0d6, #06bdd6, #0abbd6, #0db9d5, #10b8d5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kS6mNlaDDE1utw6`
- Page: https://grabient.com/kS6mNlaDDE1utw6?steps=32&angle=270
- Drawn as: linear gradient, 32 steps, 270 degrees
- Kinds: pastel, light, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.9 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 | `#affca7` | `oklch(92.13% 0.1364 142.03)` | Light Pastel Green | black, 17.3 to 1 |
| 2 | `#abfca8` | `oklch(91.75% 0.1363 143.55)` | Light Pastel Green | black, 17.1 to 1 |
| 3 | `#a6fbaa` | `oklch(91.30% 0.1362 145.40)` | Synthetic Mint | black, 16.9 to 1 |
| 4 | `#a0faac` | `oklch(90.78% 0.1361 147.56)` | Synthetic Mint | black, 16.7 to 1 |
| 5 | `#9af8ae` | `oklch(90.20% 0.1360 149.97)` | Tenacious Tentacles | black, 16.4 to 1 |
| 6 | `#92f7b1` | `oklch(89.57% 0.1359 152.61)` | Tenacious Tentacles | black, 16.1 to 1 |
| 7 | `#8af5b3` | `oklch(88.89% 0.1358 155.43)` | Tenacious Tentacles | black, 15.8 to 1 |
| 8 | `#82f3b6` | `oklch(88.18% 0.1357 158.38)` | Jittery Jade | black, 15.4 to 1 |
| 9 | `#79f1b9` | `oklch(87.44% 0.1355 161.43)` | Jittery Jade | black, 15.1 to 1 |
| 10 | `#71efbc` | `oklch(86.68% 0.1353 164.53)` | Jittery Jade | black, 14.7 to 1 |
| 11 | `#68edbf` | `oklch(85.91% 0.1352 167.65)` | Onsen | black, 14.4 to 1 |
| 12 | `#5febc2` | `oklch(85.14% 0.1349 170.74)` | Onsen | black, 14 to 1 |
| 13 | `#56e8c5` | `oklch(84.38% 0.1347 173.77)` | Aphrodite Aqua | black, 13.7 to 1 |
| 14 | `#4ee6c7` | `oklch(83.63% 0.1344 176.69)` | Aphrodite Aqua | black, 13.4 to 1 |
| 15 | `#45e3c9` | `oklch(82.91% 0.1342 179.46)` | Ice Climber | black, 13.1 to 1 |
| 16 | `#3ee1cb` | `oklch(82.22% 0.1338 182.04)` | Ice Climber | black, 12.8 to 1 |
| 17 | `#37decd` | `oklch(81.56% 0.1335 184.43)` | Fresh Turquoise | black, 12.5 to 1 |
| 18 | `#30dccf` | `oklch(80.88% 0.1330 186.82)` | Mint Morning | black, 12.2 to 1 |
| 19 | `#29d9d0` | `oklch(80.17% 0.1326 189.24)` | Turquoise Panic | black, 11.9 to 1 |
| 20 | `#21d6d1` | `oklch(79.45% 0.1320 191.67)` | Turquoise Panic | black, 11.6 to 1 |
| 21 | `#1ad3d2` | `oklch(78.71% 0.1314 194.09)` | Blue Martina | black, 11.3 to 1 |
| 22 | `#13d0d3` | `oklch(77.97% 0.1308 196.48)` | Jade Glass | black, 11 to 1 |
| 23 | `#0cced4` | `oklch(77.23% 0.1302 198.83)` | Jade Glass | black, 10.7 to 1 |
| 24 | `#06cbd5` | `oklch(76.51% 0.1295 201.11)` | Jade Glass | black, 10.4 to 1 |
| 25 | `#03c8d5` | `oklch(75.80% 0.1289 203.31)` | Turquoise Surf | black, 10.1 to 1 |
| 26 | `#01c5d5` | `oklch(75.12% 0.1282 205.42)` | The Crowd Roars! | black, 9.9 to 1 |
| 27 | `#02c2d5` | `oklch(74.48% 0.1276 207.40)` | The Crowd Roars! | black, 9.6 to 1 |
| 28 | `#04c0d6` | `oklch(73.88% 0.1271 209.25)` | The Crowd Roars! | black, 9.4 to 1 |
| 29 | `#06bdd6` | `oklch(73.33% 0.1266 210.95)` | Holiday Blue | black, 9.2 to 1 |
| 30 | `#0abbd6` | `oklch(72.83% 0.1261 212.48)` | Maldives | black, 9.1 to 1 |
| 31 | `#0db9d5` | `oklch(72.40% 0.1257 213.82)` | Maldives | black, 8.9 to 1 |
| 32 | `#10b8d5` | `oklch(72.05% 0.1254 214.95)` | Ocean Sigh | black, 8.8 to 1 |

## CSS

```css
background: linear-gradient(270deg, #affca7 0.0%, #abfca8 3.2%, #a6fbaa 6.5%, #a0faac 9.7%, #9af8ae 12.9%, #92f7b1 16.1%, #8af5b3 19.4%, #82f3b6 22.6%, #79f1b9 25.8%, #71efbc 29.0%, #68edbf 32.3%, #5febc2 35.5%, #56e8c5 38.7%, #4ee6c7 41.9%, #45e3c9 45.2%, #3ee1cb 48.4%, #37decd 51.6%, #30dccf 54.8%, #29d9d0 58.1%, #21d6d1 61.3%, #1ad3d2 64.5%, #13d0d3 67.7%, #0cced4 71.0%, #06cbd5 74.2%, #03c8d5 77.4%, #01c5d5 80.6%, #02c2d5 83.9%, #04c0d6 87.1%, #06bdd6 90.3%, #0abbd6 93.5%, #0db9d5 96.8%, #10b8d5 100.0%);
background: linear-gradient(270deg in oklch, oklch(92.13% 0.1364 142.03) 0.0%, oklch(91.75% 0.1363 143.55) 3.2%, oklch(91.30% 0.1362 145.40) 6.5%, oklch(90.78% 0.1361 147.56) 9.7%, oklch(90.20% 0.1360 149.97) 12.9%, oklch(89.57% 0.1359 152.61) 16.1%, oklch(88.89% 0.1358 155.43) 19.4%, oklch(88.18% 0.1357 158.38) 22.6%, oklch(87.44% 0.1355 161.43) 25.8%, oklch(86.68% 0.1353 164.53) 29.0%, oklch(85.91% 0.1352 167.65) 32.3%, oklch(85.14% 0.1349 170.74) 35.5%, oklch(84.38% 0.1347 173.77) 38.7%, oklch(83.63% 0.1344 176.69) 41.9%, oklch(82.91% 0.1342 179.46) 45.2%, oklch(82.22% 0.1338 182.04) 48.4%, oklch(81.56% 0.1335 184.43) 51.6%, oklch(80.88% 0.1330 186.82) 54.8%, oklch(80.17% 0.1326 189.24) 58.1%, oklch(79.45% 0.1320 191.67) 61.3%, oklch(78.71% 0.1314 194.09) 64.5%, oklch(77.97% 0.1308 196.48) 67.7%, oklch(77.23% 0.1302 198.83) 71.0%, oklch(76.51% 0.1295 201.11) 74.2%, oklch(75.80% 0.1289 203.31) 77.4%, oklch(75.12% 0.1282 205.42) 80.6%, oklch(74.48% 0.1276 207.40) 83.9%, oklch(73.88% 0.1271 209.25) 87.1%, oklch(73.33% 0.1266 210.95) 90.3%, oklch(72.83% 0.1261 212.48) 93.5%, oklch(72.40% 0.1257 213.82) 96.8%, oklch(72.05% 0.1254 214.95) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.136 | 142 |
| 2 | 0.819 | 0.134 | 183.2 |
| 3 | 0.72 | 0.125 | 214.9 |

## In these collections

- [Spring gradients](https://grabient.com/spring-gradients)
- [Light multicolor gradients](https://grabient.com/light-multicolor-gradients)

## Other forms

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