# Cyan mint yellow gradient

Pastel blue, teal, green and yellow linear gradient with 32 colors: #13bfdc, #12c0db, #14c3d9, #18c5d6, #1fc8d3, #27cad0, #2ecdcc, #35d0c9, #3ad2c7, #3dd5c4, #3fd8c2, #41dbc0, #43debe, #48e0bb, #4ee3b8, #57e5b4, #62e6af, #70e7aa, #7de8a5, #8be8a0, #97e79c, #a3e798, #ade794, #b7e790, #c0e78b, #c9e785, #d3e77e, #dde677, #e7e66f, #f0e568, #f7e463, #fde35f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel blue, teal, green and yellow linear gradient
- Seed: `kWvF2Y46082ozvTvLTv9Dc8A`
- Page: https://grabient.com/kWvF2Y46082ozvTvLTv9Dc8A?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: pastel, light, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 1.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 | `#13bfdc` | `oklch(74.02% 0.1281 214.45)` | Caribbean Blue | black, 9.4 to 1 |
| 2 | `#12c0db` | `oklch(74.36% 0.1277 212.31)` | Caribbean Blue | black, 9.6 to 1 |
| 3 | `#14c3d9` | `oklch(74.81% 0.1268 209.43)` | The Crowd Roars! | black, 9.7 to 1 |
| 4 | `#18c5d6` | `oklch(75.34% 0.1258 206.00)` | The Crowd Roars! | black, 10 to 1 |
| 5 | `#1fc8d3` | `oklch(75.94% 0.1248 202.21)` | Turquoise Surf | black, 10.2 to 1 |
| 6 | `#27cad0` | `oklch(76.58% 0.1240 198.25)` | Mermaid Net | black, 10.4 to 1 |
| 7 | `#2ecdcc` | `oklch(77.23% 0.1235 194.31)` | Mermaid Net | black, 10.7 to 1 |
| 8 | `#35d0c9` | `oklch(77.88% 0.1236 190.58)` | Bianchi Green | black, 10.9 to 1 |
| 9 | `#3ad2c7` | `oklch(78.50% 0.1243 187.24)` | Turquoise Panic | black, 11.2 to 1 |
| 10 | `#3dd5c4` | `oklch(79.14% 0.1260 184.22)` | Turquoise Panic | black, 11.5 to 1 |
| 11 | `#3fd8c2` | `oklch(79.81% 0.1287 181.37)` | Turquoise Panic | black, 11.7 to 1 |
| 12 | `#41dbc0` | `oklch(80.50% 0.1318 178.60)` | Celestial Green | black, 12 to 1 |
| 13 | `#43debe` | `oklch(81.19% 0.1350 175.83)` | Celestial Green | black, 12.3 to 1 |
| 14 | `#48e0bb` | `oklch(81.87% 0.1380 172.96)` | Celestial Green | black, 12.6 to 1 |
| 15 | `#4ee3b8` | `oklch(82.54% 0.1404 169.90)` | Aquamarine | black, 12.9 to 1 |
| 16 | `#57e5b4` | `oklch(83.17% 0.1417 166.58)` | Aphrodite Aqua | black, 13.2 to 1 |
| 17 | `#62e6af` | `oklch(83.75% 0.1417 162.90)` | Medium Aquamarine | black, 13.4 to 1 |
| 18 | `#70e7aa` | `oklch(84.30% 0.1400 158.89)` | Screen Glow | black, 13.7 to 1 |
| 19 | `#7de8a5` | `oklch(84.82% 0.1372 154.62)` | Screen Glow | black, 13.9 to 1 |
| 20 | `#8be8a0` | `oklch(85.32% 0.1337 150.17)` | Hospital Green | black, 14 to 1 |
| 21 | `#97e79c` | `oklch(85.81% 0.1301 145.62)` | Paradise Green | black, 14.2 to 1 |
| 22 | `#a3e798` | `oklch(86.29% 0.1270 141.03)` | Paradise Green | black, 14.4 to 1 |
| 23 | `#ade794` | `oklch(86.78% 0.1247 136.48)` | Paradise Green | black, 14.6 to 1 |
| 24 | `#b7e790` | `oklch(87.28% 0.1239 132.05)` | Oxalis | black, 14.7 to 1 |
| 25 | `#c0e78b` | `oklch(87.80% 0.1250 127.62)` | Yellow Green Shade | black, 14.9 to 1 |
| 26 | `#c9e785` | `oklch(88.37% 0.1277 122.85)` | Refreshed | black, 15.2 to 1 |
| 27 | `#d3e77e` | `oklch(88.96% 0.1316 117.94)` | Refreshed | black, 15.4 to 1 |
| 28 | `#dde677` | `oklch(89.54% 0.1361 113.07)` | Ripe Pear | black, 15.6 to 1 |
| 29 | `#e7e66f` | `oklch(90.10% 0.1408 108.46)` | Celandine | black, 15.8 to 1 |
| 30 | `#f0e568` | `oklch(90.60% 0.1453 104.31)` | Celandine | black, 16 to 1 |
| 31 | `#f7e463` | `oklch(91.02% 0.1490 100.83)` | Goldfinch | black, 16.2 to 1 |
| 32 | `#fde35f` | `oklch(91.34% 0.1516 98.21)` | Primrose Path | black, 16.3 to 1 |

## CSS

```css
background: linear-gradient(45deg, #13bfdc 0.0%, #12c0db 3.2%, #14c3d9 6.5%, #18c5d6 9.7%, #1fc8d3 12.9%, #27cad0 16.1%, #2ecdcc 19.4%, #35d0c9 22.6%, #3ad2c7 25.8%, #3dd5c4 29.0%, #3fd8c2 32.3%, #41dbc0 35.5%, #43debe 38.7%, #48e0bb 41.9%, #4ee3b8 45.2%, #57e5b4 48.4%, #62e6af 51.6%, #70e7aa 54.8%, #7de8a5 58.1%, #8be8a0 61.3%, #97e79c 64.5%, #a3e798 67.7%, #ade794 71.0%, #b7e790 74.2%, #c0e78b 77.4%, #c9e785 80.6%, #d3e77e 83.9%, #dde677 87.1%, #e7e66f 90.3%, #f0e568 93.5%, #f7e463 96.8%, #fde35f 100.0%);
background: linear-gradient(45deg in oklch, oklch(74.02% 0.1281 214.45) 0.0%, oklch(74.36% 0.1277 212.31) 3.2%, oklch(74.81% 0.1268 209.43) 6.5%, oklch(75.34% 0.1258 206.00) 9.7%, oklch(75.94% 0.1248 202.21) 12.9%, oklch(76.58% 0.1240 198.25) 16.1%, oklch(77.23% 0.1235 194.31) 19.4%, oklch(77.88% 0.1236 190.58) 22.6%, oklch(78.50% 0.1243 187.24) 25.8%, oklch(79.14% 0.1260 184.22) 29.0%, oklch(79.81% 0.1287 181.37) 32.3%, oklch(80.50% 0.1318 178.60) 35.5%, oklch(81.19% 0.1350 175.83) 38.7%, oklch(81.87% 0.1380 172.96) 41.9%, oklch(82.54% 0.1404 169.90) 45.2%, oklch(83.17% 0.1417 166.58) 48.4%, oklch(83.75% 0.1417 162.90) 51.6%, oklch(84.30% 0.1400 158.89) 54.8%, oklch(84.82% 0.1372 154.62) 58.1%, oklch(85.32% 0.1337 150.17) 61.3%, oklch(85.81% 0.1301 145.62) 64.5%, oklch(86.29% 0.1270 141.03) 67.7%, oklch(86.78% 0.1247 136.48) 71.0%, oklch(87.28% 0.1239 132.05) 74.2%, oklch(87.80% 0.1250 127.62) 77.4%, oklch(88.37% 0.1277 122.85) 80.6%, oklch(88.96% 0.1316 117.94) 83.9%, oklch(89.54% 0.1361 113.07) 87.1%, oklch(90.10% 0.1408 108.46) 90.3%, oklch(90.60% 0.1453 104.31) 93.5%, oklch(91.02% 0.1490 100.83) 96.8%, oklch(91.34% 0.1516 98.21) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.74 | 0.128 | 214.5 |
| 2 | 0.783 | 0.124 | 188 |
| 3 | 0.835 | 0.142 | 164.8 |
| 4 | 0.874 | 0.124 | 131 |
| 5 | 0.913 | 0.152 | 98.2 |

## In these collections

- [Three color gradients](https://grabient.com/three-color-gradients)

## Other forms

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