# Pastel tritone green, pink and peach linear gradient

Pastel tritone green, pink and peach linear gradient with 32 colors: #93f896, #95f697, #99f296, #9cee98, #9dea9e, #9fe6a8, #a8e0b2, #b1d9bc, #b8d3c5, #bccfca, #bbccd0, #bbcad9, #c5c4df, #d5bdda, #e0b8d3, #e7b5cf, #edb2ce, #f2b0cd, #f7aec7, #fbadbd, #feaeb2, #feafa9, #feb1a1, #ffb49c, #ffb699, #ffba98, #ffbd97, #fec198, #fcc79d, #facda3, #f7d3aa, #f6d6af. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kc43ZnbizAGqIQ5pEtG6SDDWmiRHsoUJcZbCI`
- Page: https://grabient.com/kc43ZnbizAGqIQ5pEtG6SDDWmiRHsoUJcZbCI?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: even lightness, pastel, light
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 1.3 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 | `#93f896` | `oklch(89.37% 0.1626 144.84)` | Toxic Frog | black, 16.1 to 1 |
| 2 | `#95f697` | `oklch(88.93% 0.1575 144.43)` | Toxic Frog | black, 15.8 to 1 |
| 3 | `#99f296` | `oklch(88.31% 0.1507 143.59)` | Ulva Lactuca Green | black, 15.5 to 1 |
| 4 | `#9cee98` | `oklch(87.60% 0.1414 143.33)` | Ulva Lactuca Green | black, 15.1 to 1 |
| 5 | `#9dea9e` | `oklch(86.89% 0.1291 144.63)` | Mint Tonic | black, 14.7 to 1 |
| 6 | `#9fe6a8` | `oklch(86.25% 0.1117 147.54)` | Hospital Green | black, 14.3 to 1 |
| 7 | `#a8e0b2` | `oklch(85.57% 0.0862 149.74)` | Celtic Spring | black, 13.9 to 1 |
| 8 | `#b1d9bc` | `oklch(84.90% 0.0582 153.74)` | Shanghai Jade | black, 13.5 to 1 |
| 9 | `#b8d3c5` | `oklch(84.29% 0.0343 162.65)` | Little Beaux Blue | black, 13.1 to 1 |
| 10 | `#bccfca` | `oklch(83.80% 0.0210 179.64)` | Jet Stream | black, 12.8 to 1 |
| 11 | `#bbccd0` | `oklch(83.41% 0.0201 209.79)` | Sleepy Blue | black, 12.6 to 1 |
| 12 | `#bbcad9` | `oklch(83.11% 0.0271 248.80)` | Powder Soft Blue | black, 12.5 to 1 |
| 13 | `#c5c4df` | `oklch(82.89% 0.0380 288.35)` | Violet Sweet Pea | black, 12.2 to 1 |
| 14 | `#d5bdda` | `oklch(82.72% 0.0486 320.12)` | Plum Cake | black, 12.1 to 1 |
| 15 | `#e0b8d3` | `oklch(82.61% 0.0570 338.00)` | Posies | black, 11.9 to 1 |
| 16 | `#e7b5cf` | `oklch(82.57% 0.0668 346.05)` | Sweet Lilac | black, 11.9 to 1 |
| 17 | `#edb2ce` | `oklch(82.59% 0.0767 348.98)` | Fairy Tale | black, 11.8 to 1 |
| 18 | `#f2b0cd` | `oklch(82.64% 0.0852 351.32)` | Changeling Pink | black, 11.8 to 1 |
| 19 | `#f7aec7` | `oklch(82.69% 0.0908 357.36)` | Nadeshiko Pink | black, 11.8 to 1 |
| 20 | `#fbadbd` | `oklch(82.70% 0.0935 6.02)` | Poodle Skirt | black, 11.8 to 1 |
| 21 | `#feaeb2` | `oklch(82.73% 0.0942 15.36)` | Fancy Flamingo | black, 11.8 to 1 |
| 22 | `#feafa9` | `oklch(82.82% 0.0940 24.40)` | Cornflower Lilac | black, 11.9 to 1 |
| 23 | `#feb1a1` | `oklch(83.03% 0.0937 32.22)` | Salmon Fresco | black, 12 to 1 |
| 24 | `#ffb49c` | `oklch(83.38% 0.0940 38.21)` | Persicus | black, 12.2 to 1 |
| 25 | `#ffb699` | `oklch(83.84% 0.0941 42.93)` | Island Girl | black, 12.4 to 1 |
| 26 | `#ffba98` | `oklch(84.40% 0.0929 46.95)` | Cream Puff | black, 12.6 to 1 |
| 27 | `#ffbd97` | `oklch(85.04% 0.0914 50.85)` | Happy Prawn | black, 12.9 to 1 |
| 28 | `#fec198` | `oklch(85.77% 0.0891 55.22)` | Wispy White | black, 13.3 to 1 |
| 29 | `#fcc79d` | `oklch(86.73% 0.0825 60.14)` | Gumdrops | black, 13.8 to 1 |
| 30 | `#facda3` | `oklch(87.77% 0.0746 65.04)` | Lion Cub | black, 14.3 to 1 |
| 31 | `#f7d3aa` | `oklch(88.72% 0.0671 69.29)` | Ice Cream Parlour | black, 14.8 to 1 |
| 32 | `#f6d6af` | `oklch(89.37% 0.0620 72.28)` | Apricot Gelato | black, 15.1 to 1 |

## CSS

```css
background: linear-gradient(225deg, #93f896 0.0%, #95f697 3.2%, #99f296 6.5%, #9cee98 9.7%, #9dea9e 12.9%, #9fe6a8 16.1%, #a8e0b2 19.4%, #b1d9bc 22.6%, #b8d3c5 25.8%, #bccfca 29.0%, #bbccd0 32.3%, #bbcad9 35.5%, #c5c4df 38.7%, #d5bdda 41.9%, #e0b8d3 45.2%, #e7b5cf 48.4%, #edb2ce 51.6%, #f2b0cd 54.8%, #f7aec7 58.1%, #fbadbd 61.3%, #feaeb2 64.5%, #feafa9 67.7%, #feb1a1 71.0%, #ffb49c 74.2%, #ffb699 77.4%, #ffba98 80.6%, #ffbd97 83.9%, #fec198 87.1%, #fcc79d 90.3%, #facda3 93.5%, #f7d3aa 96.8%, #f6d6af 100.0%);
background: linear-gradient(225deg in oklch, oklch(89.37% 0.1626 144.84) 0.0%, oklch(88.93% 0.1575 144.43) 3.2%, oklch(88.31% 0.1507 143.59) 6.5%, oklch(87.60% 0.1414 143.33) 9.7%, oklch(86.89% 0.1291 144.63) 12.9%, oklch(86.25% 0.1117 147.54) 16.1%, oklch(85.57% 0.0862 149.74) 19.4%, oklch(84.90% 0.0582 153.74) 22.6%, oklch(84.29% 0.0343 162.65) 25.8%, oklch(83.80% 0.0210 179.64) 29.0%, oklch(83.41% 0.0201 209.79) 32.3%, oklch(83.11% 0.0271 248.80) 35.5%, oklch(82.89% 0.0380 288.35) 38.7%, oklch(82.72% 0.0486 320.12) 41.9%, oklch(82.61% 0.0570 338.00) 45.2%, oklch(82.57% 0.0668 346.05) 48.4%, oklch(82.59% 0.0767 348.98) 51.6%, oklch(82.64% 0.0852 351.32) 54.8%, oklch(82.69% 0.0908 357.36) 58.1%, oklch(82.70% 0.0935 6.02) 61.3%, oklch(82.73% 0.0942 15.36) 64.5%, oklch(82.82% 0.0940 24.40) 67.7%, oklch(83.03% 0.0937 32.22) 71.0%, oklch(83.38% 0.0940 38.21) 74.2%, oklch(83.84% 0.0941 42.93) 77.4%, oklch(84.40% 0.0929 46.95) 80.6%, oklch(85.04% 0.0914 50.85) 83.9%, oklch(85.77% 0.0891 55.22) 87.1%, oklch(86.73% 0.0825 60.14) 90.3%, oklch(87.77% 0.0746 65.04) 93.5%, oklch(88.72% 0.0671 69.29) 96.8%, oklch(89.37% 0.0620 72.28) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.894 | 0.163 | 144.8 |
| 2 | 0.866 | 0.123 | 145.9 |
| 3 | 0.839 | 0.022 | 176.5 |
| 4 | 0.827 | 0.051 | 326.6 |
| 5 | 0.827 | 0.09 | 355.1 |
| 6 | 0.831 | 0.094 | 393.2 |
| 7 | 0.854 | 0.091 | 413.3 |
| 8 | 0.894 | 0.062 | 432.3 |

## In these collections

- [Light multicolor gradients](https://grabient.com/light-multicolor-gradients)

## Other forms

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