# Light green, off-white and peach linear gradient

Light green, off-white and peach linear gradient with 32 colors: #a4e1bd, #aae1bc, #b1e2bc, #b9e3bc, #c1e4bc, #cae4be, #d2e5c1, #d9e6c4, #dfe7c8, #e4e8cb, #e8eacf, #ebebd2, #eeecd5, #f0edd9, #f3efdc, #f5f0df, #f7f1e1, #f8f2e3, #f9f3e4, #faf3e3, #fbf2e2, #fbf0df, #fbedd9, #fae9d2, #fae3c9, #faddc0, #f9d7b6, #f9d0ad, #f9c9a4, #f9c39d, #f9be97, #f9bb93. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU2jpw9gy6HoJPLqoLyg`
- Page: https://grabient.com/kU2jpw9gy6HoJPLqoLyg?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: pastel, light
- Hues: two-hue
- Contrast of its darkest and lightest colors: 1.5 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 | `#a4e1bd` | `oklch(85.83% 0.0799 158.20)` | Bright Sea Green | black, 14 to 1 |
| 2 | `#aae1bc` | `oklch(86.25% 0.0772 155.26)` | Mountain Mint | black, 14.2 to 1 |
| 3 | `#b1e2bc` | `oklch(86.81% 0.0734 151.38)` | Fringy Flower | black, 14.4 to 1 |
| 4 | `#b9e3bc` | `oklch(87.48% 0.0690 146.75)` | Fringy Flower | black, 14.7 to 1 |
| 5 | `#c1e4bc` | `oklch(88.24% 0.0640 141.57)` | Sweet Menthol | black, 15 to 1 |
| 6 | `#cae4be` | `oklch(89.04% 0.0587 136.03)` | Iced Avocado | black, 15.3 to 1 |
| 7 | `#d2e5c1` | `oklch(89.86% 0.0533 130.33)` | Irish Folklore | black, 15.7 to 1 |
| 8 | `#d9e6c4` | `oklch(90.67% 0.0481 124.67)` | Flower Bulb | black, 16 to 1 |
| 9 | `#dfe7c8` | `oklch(91.44% 0.0432 119.23)` | Origami Clover | black, 16.4 to 1 |
| 10 | `#e4e8cb` | `oklch(92.14% 0.0389 114.22)` | Sunny Summit | black, 16.7 to 1 |
| 11 | `#e8eacf` | `oklch(92.74% 0.0354 109.83)` | Saffron Bread | black, 17 to 1 |
| 12 | `#ebebd2` | `oklch(93.26% 0.0327 106.14)` | Celery Ice | black, 17.2 to 1 |
| 13 | `#eeecd5` | `oklch(93.81% 0.0300 102.85)` | Budding Fern | black, 17.5 to 1 |
| 14 | `#f0edd9` | `oklch(94.39% 0.0276 99.87)` | Slippery Soap | black, 17.8 to 1 |
| 15 | `#f3efdc` | `oklch(94.95% 0.0254 97.15)` | Glisten Green | black, 18.1 to 1 |
| 16 | `#f5f0df` | `oklch(95.46% 0.0235 94.62)` | Combed Cotton | black, 18.4 to 1 |
| 17 | `#f7f1e1` | `oklch(95.90% 0.0221 92.23)` | Coconut Twist | black, 18.6 to 1 |
| 18 | `#f8f2e3` | `oklch(96.24% 0.0213 89.91)` | Palatial White | black, 18.8 to 1 |
| 19 | `#f9f3e4` | `oklch(96.44% 0.0211 87.60)` | Daisy White | black, 18.9 to 1 |
| 20 | `#faf3e3` | `oklch(96.47% 0.0217 85.25)` | Whitewashed Fence | black, 18.9 to 1 |
| 21 | `#fbf2e2` | `oklch(96.30% 0.0233 82.79)` | Whitewashed Fence | black, 18.8 to 1 |
| 22 | `#fbf0df` | `oklch(95.90% 0.0258 80.16)` | Aristocrat Ivory | black, 18.6 to 1 |
| 23 | `#fbedd9` | `oklch(95.15% 0.0300 77.32)` | Mango Cheesecake | black, 18.1 to 1 |
| 24 | `#fae9d2` | `oklch(94.11% 0.0357 74.31)` | Creamy Orange | black, 17.6 to 1 |
| 25 | `#fae3c9` | `oklch(92.83% 0.0425 71.23)` | Sand Dollar White | black, 16.9 to 1 |
| 26 | `#faddc0` | `oklch(91.41% 0.0500 68.14)` | Mystic Opal | black, 16.1 to 1 |
| 27 | `#f9d7b6` | `oklch(89.90% 0.0579 65.11)` | Sandy Bay | black, 15.3 to 1 |
| 28 | `#f9d0ad` | `oklch(88.40% 0.0658 62.22)` | Allspice | black, 14.6 to 1 |
| 29 | `#f9c9a4` | `oklch(86.97% 0.0733 59.55)` | Fresco Cream | black, 13.9 to 1 |
| 30 | `#f9c39d` | `oklch(85.68% 0.0800 57.17)` | Shrimp Toast | black, 13.3 to 1 |
| 31 | `#f9be97` | `oklch(84.62% 0.0855 55.16)` | Apricot Iced Tea | black, 12.8 to 1 |
| 32 | `#f9bb93` | `oklch(83.86% 0.0896 53.58)` | Copper Cloud | black, 12.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #a4e1bd 0.0%, #aae1bc 3.2%, #b1e2bc 6.5%, #b9e3bc 9.7%, #c1e4bc 12.9%, #cae4be 16.1%, #d2e5c1 19.4%, #d9e6c4 22.6%, #dfe7c8 25.8%, #e4e8cb 29.0%, #e8eacf 32.3%, #ebebd2 35.5%, #eeecd5 38.7%, #f0edd9 41.9%, #f3efdc 45.2%, #f5f0df 48.4%, #f7f1e1 51.6%, #f8f2e3 54.8%, #f9f3e4 58.1%, #faf3e3 61.3%, #fbf2e2 64.5%, #fbf0df 67.7%, #fbedd9 71.0%, #fae9d2 74.2%, #fae3c9 77.4%, #faddc0 80.6%, #f9d7b6 83.9%, #f9d0ad 87.1%, #f9c9a4 90.3%, #f9c39d 93.5%, #f9be97 96.8%, #f9bb93 100.0%);
background: linear-gradient(90deg in oklch, oklch(85.83% 0.0799 158.20) 0.0%, oklch(86.25% 0.0772 155.26) 3.2%, oklch(86.81% 0.0734 151.38) 6.5%, oklch(87.48% 0.0690 146.75) 9.7%, oklch(88.24% 0.0640 141.57) 12.9%, oklch(89.04% 0.0587 136.03) 16.1%, oklch(89.86% 0.0533 130.33) 19.4%, oklch(90.67% 0.0481 124.67) 22.6%, oklch(91.44% 0.0432 119.23) 25.8%, oklch(92.14% 0.0389 114.22) 29.0%, oklch(92.74% 0.0354 109.83) 32.3%, oklch(93.26% 0.0327 106.14) 35.5%, oklch(93.81% 0.0300 102.85) 38.7%, oklch(94.39% 0.0276 99.87) 41.9%, oklch(94.95% 0.0254 97.15) 45.2%, oklch(95.46% 0.0235 94.62) 48.4%, oklch(95.90% 0.0221 92.23) 51.6%, oklch(96.24% 0.0213 89.91) 54.8%, oklch(96.44% 0.0211 87.60) 58.1%, oklch(96.47% 0.0217 85.25) 61.3%, oklch(96.30% 0.0233 82.79) 64.5%, oklch(95.90% 0.0258 80.16) 67.7%, oklch(95.15% 0.0300 77.32) 71.0%, oklch(94.11% 0.0357 74.31) 74.2%, oklch(92.83% 0.0425 71.23) 77.4%, oklch(91.41% 0.0500 68.14) 80.6%, oklch(89.90% 0.0579 65.11) 83.9%, oklch(88.40% 0.0658 62.22) 87.1%, oklch(86.97% 0.0733 59.55) 90.3%, oklch(85.68% 0.0800 57.17) 93.5%, oklch(84.62% 0.0855 55.16) 96.8%, oklch(83.86% 0.0896 53.58) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.858 | 0.08 | 158.2 |
| 2 | 0.929 | 0.034 | 108.5 |
| 3 | 0.961 | 0.025 | 81.1 |
| 4 | 0.839 | 0.09 | 53.6 |

## In these collections

- [Retro gradients](https://grabient.com/retro-gradients)
- [Pastel Halloween gradients](https://grabient.com/pastel-halloween-gradients)

## Other forms

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