# Green red gradient

Tan, pink, purple and lavender linear gradient with 48 colors: #9ed3a8, #a7d2a0, #b4cf97, #c3cb8e, #d2c689, #e0c08a, #ebbb90, #f2b69b, #f5b3a9, #f4b1b7, #f1b0c2, #edb0cb, #eaafd0, #e8aed1, #e8accf, #e9a9cb, #eba6c4, #eda3bb, #eea0b1, #ee9ea6, #ee9b9b, #ec9992, #e9988a, #e69585, #e29383, #dd9083, #d78d84, #d08986, #c98688, #c0838b, #b8808c, #af7e8d, #a87c8e, #a17a8f, #9c798f, #997990, #987991, #997a94, #9b7c98, #9e7e9d, #a281a3, #a684a9, #ab87b0, #b08ab7, #b48cbd, #b88fc3, #bb91c7, #bd93cb. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tan, pink, purple and lavender linear gradient
- Seed: `kW0Dtq6B0sl6kxXOErlW6G9o`
- Page: https://grabient.com/kW0Dtq6B0sl6kxXOErlW6G9o?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: pastel
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.2 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 | `#9ed3a8` | `oklch(81.89% 0.0813 149.77)` | Chinook | black, 12.3 to 1 |
| 2 | `#a7d2a0` | `oklch(81.91% 0.0812 140.96)` | Relaxation Green | black, 12.3 to 1 |
| 3 | `#b4cf97` | `oklch(81.98% 0.0809 128.96)` | Greenhorn | black, 12.2 to 1 |
| 4 | `#c3cb8e` | `oklch(82.07% 0.0805 114.44)` | Dancing Green | black, 12.2 to 1 |
| 5 | `#d2c689` | `oklch(82.18% 0.0801 98.10)` | Green Apple Martini | black, 12.1 to 1 |
| 6 | `#e0c08a` | `oklch(82.28% 0.0797 80.63)` | Sahara Gravel | black, 12 to 1 |
| 7 | `#ebbb90` | `oklch(82.37% 0.0793 62.72)` | Queen Conch Shell | black, 11.9 to 1 |
| 8 | `#f2b69b` | `oklch(82.43% 0.0790 45.07)` | Crab Bisque | black, 11.9 to 1 |
| 9 | `#f5b3a9` | `oklch(82.44% 0.0788 28.37)` | Warm Heart | black, 11.8 to 1 |
| 10 | `#f4b1b7` | `oklch(82.40% 0.0788 13.30)` | Bubblegum Pink | black, 11.8 to 1 |
| 11 | `#f1b0c2` | `oklch(82.29% 0.0790 0.57)` | Fallen Blossoms | black, 11.7 to 1 |
| 12 | `#edb0cb` | `oklch(82.10% 0.0794 350.85)` | Pink Frenzy | black, 11.6 to 1 |
| 13 | `#eaafd0` | `oklch(81.81% 0.0802 344.84)` | Roses in the Snow | black, 11.5 to 1 |
| 14 | `#e8aed1` | `oklch(81.44% 0.0815 342.50)` | Flower Power | black, 11.3 to 1 |
| 15 | `#e8accf` | `oklch(81.01% 0.0835 343.23)` | Pink Pearl | black, 11.2 to 1 |
| 16 | `#e9a9cb` | `oklch(80.51% 0.0860 346.45)` | Pink Pearl | black, 11 to 1 |
| 17 | `#eba6c4` | `oklch(79.97% 0.0887 351.57)` | Hushed Rose | black, 10.7 to 1 |
| 18 | `#eda3bb` | `oklch(79.36% 0.0915 358.03)` | Alien Conspiracy Pink | black, 10.5 to 1 |
| 19 | `#eea0b1` | `oklch(78.71% 0.0943 5.24)` | Emperor’s Children | black, 10.3 to 1 |
| 20 | `#ee9ea6` | `oklch(78.01% 0.0968 12.62)` | Pink Icing | black, 10 to 1 |
| 21 | `#ee9b9b` | `oklch(77.28% 0.0989 19.59)` | River Rouge | black, 9.8 to 1 |
| 22 | `#ec9992` | `oklch(76.50% 0.1004 25.58)` | Coral Bead | black, 9.5 to 1 |
| 23 | `#e9988a` | `oklch(75.69% 0.1012 30.01)` | Salmon Salt | black, 9.2 to 1 |
| 24 | `#e69585` | `oklch(74.84% 0.1011 32.30)` | Ravishing Coral | black, 9 to 1 |
| 25 | `#e29383` | `oklch(73.94% 0.0998 32.05)` | Fresh Watermelon | black, 8.7 to 1 |
| 26 | `#dd9083` | `oklch(72.85% 0.0970 30.03)` | Tuscan Image | black, 8.4 to 1 |
| 27 | `#d78d84` | `oklch(71.59% 0.0930 26.65)` | My Pink | black, 8 to 1 |
| 28 | `#d08986` | `oklch(70.21% 0.0881 22.16)` | Almond Rose | black, 7.6 to 1 |
| 29 | `#c98688` | `oklch(68.77% 0.0826 16.82)` | Almond Rose | black, 7.2 to 1 |
| 30 | `#c0838b` | `oklch(67.32% 0.0767 10.88)` | Strawberry Jubilee | black, 6.8 to 1 |
| 31 | `#b8808c` | `oklch(65.91% 0.0708 4.61)` | Lipstick Pink | black, 6.4 to 1 |
| 32 | `#af7e8d` | `oklch(64.61% 0.0652 358.27)` | Degas Pink | black, 6.1 to 1 |
| 33 | `#a87c8e` | `oklch(63.45% 0.0601 352.11)` | Silken Raspberry | black, 5.9 to 1 |
| 34 | `#a17a8f` | `oklch(62.51% 0.0558 346.39)` | Valerian | black, 5.7 to 1 |
| 35 | `#9c798f` | `oklch(61.82% 0.0528 341.36)` | Mountbatten Pink | black, 5.5 to 1 |
| 36 | `#997990` | `oklch(61.45% 0.0511 337.30)` | Mountbatten Pink | black, 5.4 to 1 |
| 37 | `#987991` | `oklch(61.46% 0.0512 334.17)` | Mountbatten Pink | black, 5.5 to 1 |
| 38 | `#997a94` | `oklch(61.83% 0.0526 331.45)` | Amorous | black, 5.5 to 1 |
| 39 | `#9b7c98` | `oklch(62.51% 0.0553 329.07)` | Amorous | black, 5.7 to 1 |
| 40 | `#9e7e9d` | `oklch(63.43% 0.0589 326.99)` | Pink Plumeria | black, 5.9 to 1 |
| 41 | `#a281a3` | `oklch(64.54% 0.0632 325.19)` | Wild Lavender | black, 6.1 to 1 |
| 42 | `#a684a9` | `oklch(65.76% 0.0679 323.63)` | Baroness | black, 6.4 to 1 |
| 43 | `#ab87b0` | `oklch(67.04% 0.0729 322.27)` | Dusty Lavender | black, 6.8 to 1 |
| 44 | `#b08ab7` | `oklch(68.31% 0.0778 321.09)` | Violet Whimsy | black, 7.1 to 1 |
| 45 | `#b48cbd` | `oklch(69.51% 0.0825 320.05)` | Young Prince | black, 7.4 to 1 |
| 46 | `#b88fc3` | `oklch(70.58% 0.0866 319.12)` | Lavender Blaze | black, 7.7 to 1 |
| 47 | `#bb91c7` | `oklch(71.44% 0.0900 318.26)` | Violaceous | black, 7.9 to 1 |
| 48 | `#bd93cb` | `oklch(72.05% 0.0923 317.44)` | Amethyst Show | black, 8.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #9ed3a8 0.0%, #a7d2a0 2.1%, #b4cf97 4.3%, #c3cb8e 6.4%, #d2c689 8.5%, #e0c08a 10.6%, #ebbb90 12.8%, #f2b69b 14.9%, #f5b3a9 17.0%, #f4b1b7 19.1%, #f1b0c2 21.3%, #edb0cb 23.4%, #eaafd0 25.5%, #e8aed1 27.7%, #e8accf 29.8%, #e9a9cb 31.9%, #eba6c4 34.0%, #eda3bb 36.2%, #eea0b1 38.3%, #ee9ea6 40.4%, #ee9b9b 42.6%, #ec9992 44.7%, #e9988a 46.8%, #e69585 48.9%, #e29383 51.1%, #dd9083 53.2%, #d78d84 55.3%, #d08986 57.4%, #c98688 59.6%, #c0838b 61.7%, #b8808c 63.8%, #af7e8d 66.0%, #a87c8e 68.1%, #a17a8f 70.2%, #9c798f 72.3%, #997990 74.5%, #987991 76.6%, #997a94 78.7%, #9b7c98 80.9%, #9e7e9d 83.0%, #a281a3 85.1%, #a684a9 87.2%, #ab87b0 89.4%, #b08ab7 91.5%, #b48cbd 93.6%, #b88fc3 95.7%, #bb91c7 97.9%, #bd93cb 100.0%);
background: linear-gradient(135deg in oklch, oklch(81.89% 0.0813 149.77) 0.0%, oklch(81.91% 0.0812 140.96) 2.1%, oklch(81.98% 0.0809 128.96) 4.3%, oklch(82.07% 0.0805 114.44) 6.4%, oklch(82.18% 0.0801 98.10) 8.5%, oklch(82.28% 0.0797 80.63) 10.6%, oklch(82.37% 0.0793 62.72) 12.8%, oklch(82.43% 0.0790 45.07) 14.9%, oklch(82.44% 0.0788 28.37) 17.0%, oklch(82.40% 0.0788 13.30) 19.1%, oklch(82.29% 0.0790 0.57) 21.3%, oklch(82.10% 0.0794 350.85) 23.4%, oklch(81.81% 0.0802 344.84) 25.5%, oklch(81.44% 0.0815 342.50) 27.7%, oklch(81.01% 0.0835 343.23) 29.8%, oklch(80.51% 0.0860 346.45) 31.9%, oklch(79.97% 0.0887 351.57) 34.0%, oklch(79.36% 0.0915 358.03) 36.2%, oklch(78.71% 0.0943 5.24) 38.3%, oklch(78.01% 0.0968 12.62) 40.4%, oklch(77.28% 0.0989 19.59) 42.6%, oklch(76.50% 0.1004 25.58) 44.7%, oklch(75.69% 0.1012 30.01) 46.8%, oklch(74.84% 0.1011 32.30) 48.9%, oklch(73.94% 0.0998 32.05) 51.1%, oklch(72.85% 0.0970 30.03) 53.2%, oklch(71.59% 0.0930 26.65) 55.3%, oklch(70.21% 0.0881 22.16) 57.4%, oklch(68.77% 0.0826 16.82) 59.6%, oklch(67.32% 0.0767 10.88) 61.7%, oklch(65.91% 0.0708 4.61) 63.8%, oklch(64.61% 0.0652 358.27) 66.0%, oklch(63.45% 0.0601 352.11) 68.1%, oklch(62.51% 0.0558 346.39) 70.2%, oklch(61.82% 0.0528 341.36) 72.3%, oklch(61.45% 0.0511 337.30) 74.5%, oklch(61.46% 0.0512 334.17) 76.6%, oklch(61.83% 0.0526 331.45) 78.7%, oklch(62.51% 0.0553 329.07) 80.9%, oklch(63.43% 0.0589 326.99) 83.0%, oklch(64.54% 0.0632 325.19) 85.1%, oklch(65.76% 0.0679 323.63) 87.2%, oklch(67.04% 0.0729 322.27) 89.4%, oklch(68.31% 0.0778 321.09) 91.5%, oklch(69.51% 0.0825 320.05) 93.6%, oklch(70.58% 0.0866 319.12) 95.7%, oklch(71.44% 0.0900 318.26) 97.9%, oklch(72.05% 0.0923 317.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.081 | 149.8 |
| 2 | 0.819 | 0.08 | -14 |
| 3 | 0.744 | 0.101 | 32.5 |
| 4 | 0.614 | 0.051 | -23.5 |
| 5 | 0.72 | 0.092 | -42.6 |

## In these collections

- [Pastel gradients](https://grabient.com/pastel-gradients)

## Other forms

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