# Mint teal blue gradient

The Mint teal blue gradient brings together pale green, light green, teal, and blue. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is pale green.

- Also called: Analogous light blue, teal and blue linear gradient
- Seed: `kU-Bd1Z6JAc-hQg5mcXA`
- Page: https://grabient.com/kU-Bd1Z6JAc-hQg5mcXA?steps=32&angle=45
- Drawn as: linear gradient, 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.0%, #dffcee 3.2%, #d8faea 6.5%, #d0f7e4 9.7%, #c6f3de 12.9%, #bcefd8 16.1%, #b1ebd1 19.4%, #a5e6cb 22.6%, #9ae2c4 25.8%, #8fddbe 29.0%, #85d8b9 32.3%, #7cd3b5 35.5%, #74ceb0 38.7%, #6cc8ac 41.9%, #65c2a8 45.2%, #5dbca3 48.4%, #57b69f 51.6%, #50b09c 54.8%, #49aa98 58.1%, #43a495 61.3%, #3c9e92 64.5%, #369890 67.7%, #2f918e 71.0%, #298b8d 74.2%, #26848b 77.4%, #247d89 80.6%, #247686 83.9%, #256f83 87.1%, #276980 90.3%, #29647d 93.5%, #2a5f7a 96.8%, #2b5c78 100.0%);
background: linear-gradient(45deg in oklch, oklch(97.64% 0.0317 164.53) 0.0%, oklch(96.72% 0.0355 164.72) 3.2%, oklch(95.57% 0.0408 164.88) 6.5%, oklch(94.21% 0.0471 165.04) 9.7%, oklch(92.69% 0.0542 165.23) 12.9%, oklch(91.03% 0.0616 165.47) 16.1%, oklch(89.28% 0.0691 165.80) 19.4%, oklch(87.48% 0.0763 166.23) 22.6%, oklch(85.65% 0.0829 166.79) 25.8%, oklch(83.83% 0.0884 167.51) 29.0%, oklch(82.07% 0.0926 168.41) 32.3%, oklch(80.35% 0.0954 169.47) 35.5%, oklch(78.59% 0.0971 170.53) 38.7%, oklch(76.78% 0.0980 171.64) 41.9%, oklch(74.93% 0.0982 172.83) 45.2%, oklch(73.06% 0.0979 174.17) 48.4%, oklch(71.18% 0.0970 175.69) 51.6%, oklch(69.30% 0.0959 177.45) 54.8%, oklch(67.43% 0.0945 179.50) 58.1%, oklch(65.59% 0.0931 181.88) 61.3%, oklch(63.78% 0.0918 184.64) 64.5%, oklch(62.01% 0.0905 187.87) 67.7%, oklch(60.16% 0.0890 191.94) 71.0%, oklch(58.24% 0.0871 196.77) 74.2%, oklch(56.28% 0.0849 202.15) 77.4%, oklch(54.34% 0.0825 207.85) 80.6%, oklch(52.45% 0.0800 213.64) 83.9%, oklch(50.65% 0.0776 219.32) 87.1%, oklch(48.99% 0.0753 224.65) 90.3%, oklch(47.51% 0.0732 229.42) 93.5%, oklch(46.26% 0.0715 233.41) 96.8%, oklch(45.28% 0.0703 236.39) 100.0%);
```

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