# Mint Sky, Magenta Echo

Light green, light blue, purple and pink linear gradient with 48 colors: #b2e895, #b8e999, #c0eba0, #c9eda8, #d2efb2, #dbf2bc, #e3f4c6, #e9f6cf, #edf8d6, #f0f9d9, #effada, #edf9d6, #e9f8ce, #e2f6c6, #dbf5bc, #d2f3b3, #c8f1ab, #bef1a6, #b5f0a4, #aef0a6, #acf2ac, #aff4b4, #b5f6bd, #bcf9c8, #c3fbd2, #c9fcdb, #ccfce2, #cafbe7, #c3f7e9, #b3f0eb, #9ce5ee, #85d5f3, #79bff7, #80a4f6, #9186eb, #a168d5, #ad4eb7, #b5399a, #ba2c84, #bf2a78, #c43173, #ca3d76, #d04b7e, #d65989, #dc6795, #e174a0, #e57da8, #e884ad. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Light green, light blue, purple and pink linear gradient
- Seed: `kY3llgew--XGrwl2lMRxcbTd0vwS`
- Page: https://grabient.com/kY3llgew--XGrwl2lMRxcbTd0vwS?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: light
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 5.1 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 | `#b2e895` | `oklch(87.40% 0.1226 135.00)` | Sage Sensation | black, 14.8 to 1 |
| 2 | `#b8e999` | `oklch(88.09% 0.1167 133.95)` | Sweet Mint Pesto | black, 15.1 to 1 |
| 3 | `#c0eba0` | `oklch(89.09% 0.1081 132.38)` | Basilisk Lizard | black, 15.5 to 1 |
| 4 | `#c9eda8` | `oklch(90.31% 0.0976 130.46)` | Crystal Apple | black, 16.1 to 1 |
| 5 | `#d2efb2` | `oklch(91.64% 0.0861 128.36)` | Chicon | black, 16.7 to 1 |
| 6 | `#dbf2bc` | `oklch(93.00% 0.0744 126.25)` | Envious Pastel | black, 17.3 to 1 |
| 7 | `#e3f4c6` | `oklch(94.29% 0.0634 124.31)` | Freshman | black, 18 to 1 |
| 8 | `#e9f6cf` | `oklch(95.41% 0.0539 122.71)` | Light Green Veil | black, 18.5 to 1 |
| 9 | `#edf8d6` | `oklch(96.27% 0.0469 121.61)` | Pastoral | black, 19 to 1 |
| 10 | `#f0f9d9` | `oklch(96.77% 0.0431 121.20)` | Pastoral | black, 19.3 to 1 |
| 11 | `#effada` | `oklch(96.82% 0.0435 121.56)` | Pastoral | black, 19.3 to 1 |
| 12 | `#edf9d6` | `oklch(96.43% 0.0483 122.48)` | Pastoral | black, 19.1 to 1 |
| 13 | `#e9f8ce` | `oklch(95.69% 0.0566 123.87)` | Snow Flurry | black, 18.7 to 1 |
| 14 | `#e2f6c6` | `oklch(94.70% 0.0672 125.67)` | Freshman | black, 18.2 to 1 |
| 15 | `#dbf5bc` | `oklch(93.57% 0.0790 127.83)` | Envious Pastel | black, 17.7 to 1 |
| 16 | `#d2f3b3` | `oklch(92.40% 0.0911 130.29)` | Chicon | black, 17.1 to 1 |
| 17 | `#c8f1ab` | `oklch(91.29% 0.1023 132.99)` | Reef Refractions | black, 16.6 to 1 |
| 18 | `#bef1a6` | `oklch(90.34% 0.1116 135.87)` | Snappy Green | black, 16.2 to 1 |
| 19 | `#b5f0a4` | `oklch(89.66% 0.1178 138.88)` | Sweet Mint Pesto | black, 15.9 to 1 |
| 20 | `#aef0a6` | `oklch(89.35% 0.1199 141.94)` | Frosted Hills | black, 15.8 to 1 |
| 21 | `#acf2ac` | `oklch(89.62% 0.1172 144.42)` | Frosted Hills | black, 15.9 to 1 |
| 22 | `#aff4b4` | `oklch(90.40% 0.1105 146.35)` | Spring Slumber Green | black, 16.3 to 1 |
| 23 | `#b5f6bd` | `oklch(91.49% 0.1010 148.11)` | Spring Slumber Green | black, 16.8 to 1 |
| 24 | `#bcf9c8` | `oklch(92.70% 0.0901 150.11)` | Toxic Steam | black, 17.4 to 1 |
| 25 | `#c3fbd2` | `oklch(93.82% 0.0788 152.72)` | Smell the Mint | black, 18 to 1 |
| 26 | `#c9fcdb` | `oklch(94.68% 0.0685 156.36)` | Mint Zest | black, 18.4 to 1 |
| 27 | `#ccfce2` | `oklch(95.07% 0.0605 161.40)` | Mint Zest | black, 18.5 to 1 |
| 28 | `#cafbe7` | `oklch(94.79% 0.0558 168.24)` | Cactus Water | black, 18.4 to 1 |
| 29 | `#c3f7e9` | `oklch(93.65% 0.0558 177.28)` | Shallow End | black, 17.8 to 1 |
| 30 | `#b3f0eb` | `oklch(91.35% 0.0617 189.41)` | Mint Macaron | black, 16.6 to 1 |
| 31 | `#9ce5ee` | `oklch(87.73% 0.0733 205.30)` | Blizzard Blue | black, 14.8 to 1 |
| 32 | `#85d5f3` | `oklch(83.16% 0.0890 223.98)` | Kul Sharif Blue | black, 12.7 to 1 |
| 33 | `#79bff7` | `oklch(77.98% 0.1076 244.44)` | Maya Blue | black, 10.5 to 1 |
| 34 | `#80a4f6` | `oklch(72.56% 0.1274 265.65)` | Fennel Flower | black, 8.5 to 1 |
| 35 | `#9186eb` | `oklch(67.26% 0.1471 286.61)` | Perrywinkle | black, 6.7 to 1 |
| 36 | `#a168d5` | `oklch(62.44% 0.1652 306.30)` | Violet Voltage | black, 5.4 to 1 |
| 37 | `#ad4eb7` | `oklch(58.46% 0.1802 323.69)` | Royal Gramma Purple | white, 4.6 to 1 |
| 38 | `#b5399a` | `oklch(55.67% 0.1907 337.79)` | Byzantine | white, 5.2 to 1 |
| 39 | `#ba2c84` | `oklch(54.41% 0.1955 347.70)` | Medium Red Violet | white, 5.5 to 1 |
| 40 | `#bf2a78` | `oklch(54.58% 0.1951 354.23)` | Pink Shadow | white, 5.5 to 1 |
| 41 | `#c43173` | `oklch(55.86% 0.1908 358.11)` | Pink Shadow | white, 5.2 to 1 |
| 42 | `#ca3d76` | `oklch(57.98% 0.1835 359.87)` | Fuchsia Rose | white, 4.7 to 1 |
| 43 | `#d04b7e` | `oklch(60.68% 0.1742 0.02)` | Pink Flambé | black, 4.9 to 1 |
| 44 | `#d65989` | `oklch(63.68% 0.1639 359.07)` | Flirty Rose | black, 5.6 to 1 |
| 45 | `#dc6795` | `oklch(66.71% 0.1534 357.56)` | Groovy | black, 6.4 to 1 |
| 46 | `#e174a0` | `oklch(69.49% 0.1438 356.00)` | Chinese Pink | black, 7.1 to 1 |
| 47 | `#e57da8` | `oklch(71.76% 0.1360 354.91)` | Mangala Pink | black, 7.8 to 1 |
| 48 | `#e884ad` | `oklch(73.23% 0.1309 354.80)` | Aurora Pink | black, 8.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #b2e895 0.0%, #b8e999 2.1%, #c0eba0 4.3%, #c9eda8 6.4%, #d2efb2 8.5%, #dbf2bc 10.6%, #e3f4c6 12.8%, #e9f6cf 14.9%, #edf8d6 17.0%, #f0f9d9 19.1%, #effada 21.3%, #edf9d6 23.4%, #e9f8ce 25.5%, #e2f6c6 27.7%, #dbf5bc 29.8%, #d2f3b3 31.9%, #c8f1ab 34.0%, #bef1a6 36.2%, #b5f0a4 38.3%, #aef0a6 40.4%, #acf2ac 42.6%, #aff4b4 44.7%, #b5f6bd 46.8%, #bcf9c8 48.9%, #c3fbd2 51.1%, #c9fcdb 53.2%, #ccfce2 55.3%, #cafbe7 57.4%, #c3f7e9 59.6%, #b3f0eb 61.7%, #9ce5ee 63.8%, #85d5f3 66.0%, #79bff7 68.1%, #80a4f6 70.2%, #9186eb 72.3%, #a168d5 74.5%, #ad4eb7 76.6%, #b5399a 78.7%, #ba2c84 80.9%, #bf2a78 83.0%, #c43173 85.1%, #ca3d76 87.2%, #d04b7e 89.4%, #d65989 91.5%, #dc6795 93.6%, #e174a0 95.7%, #e57da8 97.9%, #e884ad 100.0%);
background: linear-gradient(135deg in oklch, oklch(87.40% 0.1226 135.00) 0.0%, oklch(88.09% 0.1167 133.95) 2.1%, oklch(89.09% 0.1081 132.38) 4.3%, oklch(90.31% 0.0976 130.46) 6.4%, oklch(91.64% 0.0861 128.36) 8.5%, oklch(93.00% 0.0744 126.25) 10.6%, oklch(94.29% 0.0634 124.31) 12.8%, oklch(95.41% 0.0539 122.71) 14.9%, oklch(96.27% 0.0469 121.61) 17.0%, oklch(96.77% 0.0431 121.20) 19.1%, oklch(96.82% 0.0435 121.56) 21.3%, oklch(96.43% 0.0483 122.48) 23.4%, oklch(95.69% 0.0566 123.87) 25.5%, oklch(94.70% 0.0672 125.67) 27.7%, oklch(93.57% 0.0790 127.83) 29.8%, oklch(92.40% 0.0911 130.29) 31.9%, oklch(91.29% 0.1023 132.99) 34.0%, oklch(90.34% 0.1116 135.87) 36.2%, oklch(89.66% 0.1178 138.88) 38.3%, oklch(89.35% 0.1199 141.94) 40.4%, oklch(89.62% 0.1172 144.42) 42.6%, oklch(90.40% 0.1105 146.35) 44.7%, oklch(91.49% 0.1010 148.11) 46.8%, oklch(92.70% 0.0901 150.11) 48.9%, oklch(93.82% 0.0788 152.72) 51.1%, oklch(94.68% 0.0685 156.36) 53.2%, oklch(95.07% 0.0605 161.40) 55.3%, oklch(94.79% 0.0558 168.24) 57.4%, oklch(93.65% 0.0558 177.28) 59.6%, oklch(91.35% 0.0617 189.41) 61.7%, oklch(87.73% 0.0733 205.30) 63.8%, oklch(83.16% 0.0890 223.98) 66.0%, oklch(77.98% 0.1076 244.44) 68.1%, oklch(72.56% 0.1274 265.65) 70.2%, oklch(67.26% 0.1471 286.61) 72.3%, oklch(62.44% 0.1652 306.30) 74.5%, oklch(58.46% 0.1802 323.69) 76.6%, oklch(55.67% 0.1907 337.79) 78.7%, oklch(54.41% 0.1955 347.70) 80.9%, oklch(54.58% 0.1951 354.23) 83.0%, oklch(55.86% 0.1908 358.11) 85.1%, oklch(57.98% 0.1835 359.87) 87.2%, oklch(60.68% 0.1742 0.02) 89.4%, oklch(63.68% 0.1639 359.07) 91.5%, oklch(66.71% 0.1534 357.56) 93.6%, oklch(69.49% 0.1438 356.00) 95.7%, oklch(71.76% 0.1360 354.91) 97.9%, oklch(73.23% 0.1309 354.80) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.874 | 0.123 | 135 |
| 2 | 0.969 | 0.043 | 121.3 |
| 3 | 0.894 | 0.12 | 141.3 |
| 4 | 0.933 | 0.056 | 179.4 |
| 5 | 0.547 | 0.194 | 344.2 |
| 6 | 0.732 | 0.131 | 354.8 |

## In these collections

- [Astronomy false color gradients](https://grabient.com/astronomy-false-color-gradients)

## Other forms

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