# Golden peach herbal fade

Teal, tan, orange and green linear gradient with 40 colors: #24454f, #274e54, #2f5a5a, #3c685f, #507762, #698665, #859368, #a29e6d, #bca874, #d1af7d, #e0b384, #eab688, #f0b789, #f3b786, #f4b581, #f2b47a, #f0b272, #edb169, #eab062, #e8af5c, #e9af57, #eaaf54, #edb050, #f0b04c, #f2b049, #f4b045, #f4b042, #f3b13f, #efb23d, #e8b43d, #ddb641, #cdb74a, #b9b858, #a5b867, #93b576, #84b183, #7bac8c, #78a691, #77a194, #789d95. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Teal, tan, orange and green linear gradient
- Seed: `kWXh-cZJ0uOSswLlM8EVI_LI`
- Page: https://grabient.com/kWXh-cZJ0uOSswLlM8EVI_LI?steps=40&angle=45
- Drawn as: linear gradient, 40 steps, 45 degrees
- Kinds: light center, pastel
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#24454f` | `oklch(37.01% 0.0427 219.37)` | Everglade Deck | white, 10.2 to 1 |
| 2 | `#274e54` | `oklch(39.79% 0.0450 209.44)` | Hurricane Green Blue | white, 9.1 to 1 |
| 3 | `#2f5a5a` | `oklch(43.62% 0.0478 195.70)` | Enchanting Ivy | white, 7.7 to 1 |
| 4 | `#3c685f` | `oklch(48.24% 0.0512 179.14)` | Dignified | white, 6.2 to 1 |
| 5 | `#507762` | `oklch(53.38% 0.0551 160.76)` | Kendal Green | white, 5 to 1 |
| 6 | `#698665` | `oklch(58.75% 0.0592 141.53)` | Bladerunner | black, 5.1 to 1 |
| 7 | `#859368` | `oklch(64.08% 0.0635 122.47)` | Epsom | black, 6.3 to 1 |
| 8 | `#a29e6d` | `oklch(69.11% 0.0680 104.56)` | Westcar Papyrus | black, 7.6 to 1 |
| 9 | `#bca874` | `oklch(73.56% 0.0724 88.78)` | Rhubarb Leaf Green | black, 8.9 to 1 |
| 10 | `#d1af7d` | `oklch(77.16% 0.0768 76.14)` | Rye | black, 10.1 to 1 |
| 11 | `#e0b384` | `oklch(79.65% 0.0810 67.57)` | Imperial Gold | black, 10.9 to 1 |
| 12 | `#eab688` | `oklch(81.18% 0.0853 62.49)` | Rusty Sand | black, 11.5 to 1 |
| 13 | `#f0b789` | `oklch(82.00% 0.0899 60.04)` | Melón Meloso | black, 11.8 to 1 |
| 14 | `#f3b786` | `oklch(82.24% 0.0946 59.73)` | Camel Hair Coat | black, 11.8 to 1 |
| 15 | `#f4b581` | `oklch(82.03% 0.0994 61.06)` | Camel Hair Coat | black, 11.7 to 1 |
| 16 | `#f2b47a` | `oklch(81.52% 0.1042 63.55)` | Surprise Amber | black, 11.6 to 1 |
| 17 | `#f0b272` | `oklch(80.84% 0.1088 66.69)` | Orange Salmonberry | black, 11.3 to 1 |
| 18 | `#edb169` | `oklch(80.14% 0.1132 69.98)` | Barrel | black, 11 to 1 |
| 19 | `#eab062` | `oklch(79.53% 0.1173 72.94)` | Salted Caramel | black, 10.8 to 1 |
| 20 | `#e8af5c` | `oklch(79.18% 0.1210 75.06)` | Shiny Trumpet | black, 10.7 to 1 |
| 21 | `#e9af57` | `oklch(79.16% 0.1243 75.96)` | Shiny Trumpet | black, 10.7 to 1 |
| 22 | `#eaaf54` | `oklch(79.31% 0.1281 76.09)` | Shiny Trumpet | black, 10.8 to 1 |
| 23 | `#edb050` | `oklch(79.53% 0.1321 75.78)` | Goldenrod Field | black, 10.8 to 1 |
| 24 | `#f0b04c` | `oklch(79.80% 0.1362 75.30)` | Goldenrod Field | black, 10.9 to 1 |
| 25 | `#f2b049` | `oklch(80.06% 0.1399 74.93)` | Casablanca | black, 11 to 1 |
| 26 | `#f4b045` | `oklch(80.26% 0.1430 74.92)` | Raichu Orange | black, 11.1 to 1 |
| 27 | `#f4b042` | `oklch(80.37% 0.1451 75.54)` | Raichu Orange | black, 11.1 to 1 |
| 28 | `#f3b13f` | `oklch(80.34% 0.1460 77.06)` | Dairy Made | black, 11.1 to 1 |
| 29 | `#efb23d` | `oklch(80.13% 0.1454 79.76)` | Dairy Made | black, 11.1 to 1 |
| 30 | `#e8b43d` | `oklch(79.68% 0.1429 83.88)` | Australium Gold | black, 11 to 1 |
| 31 | `#ddb641` | `oklch(78.93% 0.1379 89.94)` | Woven Gold | black, 10.8 to 1 |
| 32 | `#cdb74a` | `oklch(77.83% 0.1300 98.32)` | Old Gold | black, 10.4 to 1 |
| 33 | `#b9b858` | `oklch(76.47% 0.1197 108.49)` | Parachute | black, 10 to 1 |
| 34 | `#a5b867` | `oklch(74.91% 0.1079 119.84)` | Beach Bag | black, 9.6 to 1 |
| 35 | `#93b576` | `oklch(73.26% 0.0951 131.81)` | Florence | black, 9.1 to 1 |
| 36 | `#84b183` | `oklch(71.60% 0.0822 143.79)` | Peapod | black, 8.6 to 1 |
| 37 | `#7bac8c` | `oklch(70.01% 0.0698 155.22)` | Adventurine | black, 8.1 to 1 |
| 38 | `#78a691` | `oklch(68.58% 0.0586 165.50)` | Free Green | black, 7.6 to 1 |
| 39 | `#77a194` | `oklch(67.39% 0.0494 174.04)` | Greyish Teal | black, 7.2 to 1 |
| 40 | `#789d95` | `oklch(66.54% 0.0427 180.28)` | Vizcaya | black, 7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #24454f 0.0%, #274e54 2.6%, #2f5a5a 5.1%, #3c685f 7.7%, #507762 10.3%, #698665 12.8%, #859368 15.4%, #a29e6d 17.9%, #bca874 20.5%, #d1af7d 23.1%, #e0b384 25.6%, #eab688 28.2%, #f0b789 30.8%, #f3b786 33.3%, #f4b581 35.9%, #f2b47a 38.5%, #f0b272 41.0%, #edb169 43.6%, #eab062 46.2%, #e8af5c 48.7%, #e9af57 51.3%, #eaaf54 53.8%, #edb050 56.4%, #f0b04c 59.0%, #f2b049 61.5%, #f4b045 64.1%, #f4b042 66.7%, #f3b13f 69.2%, #efb23d 71.8%, #e8b43d 74.4%, #ddb641 76.9%, #cdb74a 79.5%, #b9b858 82.1%, #a5b867 84.6%, #93b576 87.2%, #84b183 89.7%, #7bac8c 92.3%, #78a691 94.9%, #77a194 97.4%, #789d95 100.0%);
background: linear-gradient(45deg in oklch, oklch(37.01% 0.0427 219.37) 0.0%, oklch(39.79% 0.0450 209.44) 2.6%, oklch(43.62% 0.0478 195.70) 5.1%, oklch(48.24% 0.0512 179.14) 7.7%, oklch(53.38% 0.0551 160.76) 10.3%, oklch(58.75% 0.0592 141.53) 12.8%, oklch(64.08% 0.0635 122.47) 15.4%, oklch(69.11% 0.0680 104.56) 17.9%, oklch(73.56% 0.0724 88.78) 20.5%, oklch(77.16% 0.0768 76.14) 23.1%, oklch(79.65% 0.0810 67.57) 25.6%, oklch(81.18% 0.0853 62.49) 28.2%, oklch(82.00% 0.0899 60.04) 30.8%, oklch(82.24% 0.0946 59.73) 33.3%, oklch(82.03% 0.0994 61.06) 35.9%, oklch(81.52% 0.1042 63.55) 38.5%, oklch(80.84% 0.1088 66.69) 41.0%, oklch(80.14% 0.1132 69.98) 43.6%, oklch(79.53% 0.1173 72.94) 46.2%, oklch(79.18% 0.1210 75.06) 48.7%, oklch(79.16% 0.1243 75.96) 51.3%, oklch(79.31% 0.1281 76.09) 53.8%, oklch(79.53% 0.1321 75.78) 56.4%, oklch(79.80% 0.1362 75.30) 59.0%, oklch(80.06% 0.1399 74.93) 61.5%, oklch(80.26% 0.1430 74.92) 64.1%, oklch(80.37% 0.1451 75.54) 66.7%, oklch(80.34% 0.1460 77.06) 69.2%, oklch(80.13% 0.1454 79.76) 71.8%, oklch(79.68% 0.1429 83.88) 74.4%, oklch(78.93% 0.1379 89.94) 76.9%, oklch(77.83% 0.1300 98.32) 79.5%, oklch(76.47% 0.1197 108.49) 82.1%, oklch(74.91% 0.1079 119.84) 84.6%, oklch(73.26% 0.0951 131.81) 87.2%, oklch(71.60% 0.0822 143.79) 89.7%, oklch(70.01% 0.0698 155.22) 92.3%, oklch(68.58% 0.0586 165.50) 94.9%, oklch(67.39% 0.0494 174.04) 97.4%, oklch(66.54% 0.0427 180.28) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.37 | 0.043 | 219.4 |
| 2 | 0.791 | 0.08 | 69.3 |
| 3 | 0.791 | 0.123 | 75.7 |
| 4 | 0.795 | 0.142 | 85.2 |
| 5 | 0.665 | 0.043 | 180.3 |

## In these collections

- [Scent stacking palettes](https://grabient.com/scent-stacking-palettes)

## Other forms

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