# Peach teal green linear gradient

Tritone beige, teal and green linear gradient with 48 colors: #f3dccb, #efd9c6, #ebd6c1, #e5d2ba, #deceb4, #d6c9ad, #cec5a6, #c4c09f, #babb99, #afb693, #a3b08e, #96ab8a, #8aa686, #7da084, #709b82, #649580, #588f7f, #4c897e, #41847e, #377f7d, #2e7a7c, #25757c, #1c717b, #136d7a, #076b79, #006878, #006675, #006573, #006470, #00636e, #00636b, #006368, #006366, #006363, #006460, #00655d, #006659, #006756, #006852, #006a4d, #006b47, #006c41, #006e38, #056f2f, #186f28, #226e21, #296e1b, #2e6d14. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone beige, teal and green linear gradient
- Seed: `kS5xkrPh3Rryxt2`
- Page: https://grabient.com/kS5xkrPh3Rryxt2?steps=48&angle=45
- Drawn as: linear gradient, 48 steps, 45 degrees
- Kinds: light to dark, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#f3dccb` | `oklch(90.94% 0.0344 60.47)` | Peachtree | black, 15.9 to 1 |
| 2 | `#efd9c6` | `oklch(89.94% 0.0355 64.12)` | Hen of the Woods | black, 15.4 to 1 |
| 3 | `#ebd6c1` | `oklch(88.72% 0.0367 68.63)` | Laguna Beach | black, 14.9 to 1 |
| 4 | `#e5d2ba` | `oklch(87.32% 0.0381 73.91)` | Antique Buff | black, 14.2 to 1 |
| 5 | `#deceb4` | `oklch(85.75% 0.0396 79.88)` | Pretty Pastry | black, 13.5 to 1 |
| 6 | `#d6c9ad` | `oklch(84.03% 0.0412 86.46)` | Prairie House | black, 12.8 to 1 |
| 7 | `#cec5a6` | `oklch(82.18% 0.0429 93.54)` | Cyrus Grass | black, 12.1 to 1 |
| 8 | `#c4c09f` | `oklch(80.21% 0.0447 101.06)` | Northern Landscape | black, 11.3 to 1 |
| 9 | `#babb99` | `oklch(78.16% 0.0466 108.92)` | Paspalum Grass | black, 10.6 to 1 |
| 10 | `#afb693` | `oklch(76.03% 0.0486 117.04)` | Moss Print | black, 9.8 to 1 |
| 11 | `#a3b08e` | `oklch(73.85% 0.0507 125.33)` | Filigree Green | black, 9.1 to 1 |
| 12 | `#96ab8a` | `oklch(71.63% 0.0528 133.70)` | Banyan Serenity | black, 8.5 to 1 |
| 13 | `#8aa686` | `oklch(69.40% 0.0550 142.08)` | Mermaid’s Cove | black, 7.8 to 1 |
| 14 | `#7da084` | `oklch(67.17% 0.0572 150.37)` | Aquadulce | black, 7.2 to 1 |
| 15 | `#709b82` | `oklch(64.96% 0.0595 158.48)` | Douglas Fir Green | black, 6.6 to 1 |
| 16 | `#649580` | `oklch(62.80% 0.0618 166.34)` | Cool Bluegrass | black, 6.1 to 1 |
| 17 | `#588f7f` | `oklch(60.70% 0.0641 173.85)` | Spa Green | black, 5.6 to 1 |
| 18 | `#4c897e` | `oklch(58.67% 0.0664 180.93)` | Wintergreen Dream | black, 5.2 to 1 |
| 19 | `#41847e` | `oklch(56.75% 0.0688 187.50)` | Emu Egg | black, 4.8 to 1 |
| 20 | `#377f7d` | `oklch(54.95% 0.0711 193.46)` | Green Blue Slate | white, 4.6 to 1 |
| 21 | `#2e7a7c` | `oklch(53.28% 0.0734 198.73)` | Atoll | white, 5 to 1 |
| 22 | `#25757c` | `oklch(51.77% 0.0757 203.23)` | Poseidon’s Castle | white, 5.3 to 1 |
| 23 | `#1c717b` | `oklch(50.44% 0.0780 206.87)` | Night Scape | white, 5.6 to 1 |
| 24 | `#136d7a` | `oklch(49.31% 0.0802 209.56)` | Carnival Night | white, 5.9 to 1 |
| 25 | `#076b79` | `oklch(48.38% 0.0824 211.24)` | Mary Blue | white, 6.2 to 1 |
| 26 | `#006878` | `oklch(47.60% 0.0829 212.03)` | Bankson Lake | white, 6.4 to 1 |
| 27 | `#006675` | `oklch(46.95% 0.0818 211.96)` | Green Spool | white, 6.6 to 1 |
| 28 | `#006573` | `oklch(46.43% 0.0806 211.13)` | Green Spool | white, 6.7 to 1 |
| 29 | `#006470` | `oklch(46.02% 0.0795 209.61)` | Peacock Tail | white, 6.8 to 1 |
| 30 | `#00636e` | `oklch(45.71% 0.0785 207.45)` | Peacock Tail | white, 6.9 to 1 |
| 31 | `#00636b` | `oklch(45.50% 0.0777 204.74)` | Peacock Tail | white, 7 to 1 |
| 32 | `#006368` | `oklch(45.38% 0.0772 201.53)` | Really Teal | white, 7 to 1 |
| 33 | `#006366` | `oklch(45.33% 0.0771 197.89)` | Really Teal | white, 7 to 1 |
| 34 | `#006363` | `oklch(45.35% 0.0775 193.90)` | Emerald Stone | white, 7 to 1 |
| 35 | `#006460` | `oklch(45.43% 0.0785 189.62)` | Emerald Stone | white, 7 to 1 |
| 36 | `#00655d` | `oklch(45.56% 0.0802 185.12)` | Arizona Stone | white, 6.9 to 1 |
| 37 | `#006659` | `oklch(45.73% 0.0827 180.47)` | Dancing Dragonfly | white, 6.8 to 1 |
| 38 | `#006756` | `oklch(45.93% 0.0861 175.73)` | Piney Lake | white, 6.8 to 1 |
| 39 | `#006852` | `oklch(46.16% 0.0904 170.97)` | Peacock Green | white, 6.7 to 1 |
| 40 | `#006a4d` | `oklch(46.39% 0.0959 166.27)` | Victoria Green | white, 6.6 to 1 |
| 41 | `#006b47` | `oklch(46.63% 0.1027 161.69)` | Vegan Green | white, 6.5 to 1 |
| 42 | `#006c41` | `oklch(46.87% 0.1110 157.29)` | Rainforest Retreat | white, 6.4 to 1 |
| 43 | `#006e38` | `oklch(47.09% 0.1208 153.15)` | Column of Oak Green | white, 6.4 to 1 |
| 44 | `#056f2f` | `oklch(47.28% 0.1302 149.36)` | Enchanted Glen | white, 6.3 to 1 |
| 45 | `#186f28` | `oklch(47.44% 0.1320 145.93)` | Bogey Green | white, 6.3 to 1 |
| 46 | `#226e21` | `oklch(47.56% 0.1337 142.96)` | Brazilian Green | white, 6.3 to 1 |
| 47 | `#296e1b` | `oklch(47.63% 0.1351 140.52)` | Brazilian Green | white, 6.2 to 1 |
| 48 | `#2e6d14` | `oklch(47.64% 0.1364 138.67)` | Tatzelwurm Green | white, 6.2 to 1 |

## CSS

```css
background: linear-gradient(45deg, #f3dccb 0.0%, #efd9c6 2.1%, #ebd6c1 4.3%, #e5d2ba 6.4%, #deceb4 8.5%, #d6c9ad 10.6%, #cec5a6 12.8%, #c4c09f 14.9%, #babb99 17.0%, #afb693 19.1%, #a3b08e 21.3%, #96ab8a 23.4%, #8aa686 25.5%, #7da084 27.7%, #709b82 29.8%, #649580 31.9%, #588f7f 34.0%, #4c897e 36.2%, #41847e 38.3%, #377f7d 40.4%, #2e7a7c 42.6%, #25757c 44.7%, #1c717b 46.8%, #136d7a 48.9%, #076b79 51.1%, #006878 53.2%, #006675 55.3%, #006573 57.4%, #006470 59.6%, #00636e 61.7%, #00636b 63.8%, #006368 66.0%, #006366 68.1%, #006363 70.2%, #006460 72.3%, #00655d 74.5%, #006659 76.6%, #006756 78.7%, #006852 80.9%, #006a4d 83.0%, #006b47 85.1%, #006c41 87.2%, #006e38 89.4%, #056f2f 91.5%, #186f28 93.6%, #226e21 95.7%, #296e1b 97.9%, #2e6d14 100.0%);
background: linear-gradient(45deg in oklch, oklch(90.94% 0.0344 60.47) 0.0%, oklch(89.94% 0.0355 64.12) 2.1%, oklch(88.72% 0.0367 68.63) 4.3%, oklch(87.32% 0.0381 73.91) 6.4%, oklch(85.75% 0.0396 79.88) 8.5%, oklch(84.03% 0.0412 86.46) 10.6%, oklch(82.18% 0.0429 93.54) 12.8%, oklch(80.21% 0.0447 101.06) 14.9%, oklch(78.16% 0.0466 108.92) 17.0%, oklch(76.03% 0.0486 117.04) 19.1%, oklch(73.85% 0.0507 125.33) 21.3%, oklch(71.63% 0.0528 133.70) 23.4%, oklch(69.40% 0.0550 142.08) 25.5%, oklch(67.17% 0.0572 150.37) 27.7%, oklch(64.96% 0.0595 158.48) 29.8%, oklch(62.80% 0.0618 166.34) 31.9%, oklch(60.70% 0.0641 173.85) 34.0%, oklch(58.67% 0.0664 180.93) 36.2%, oklch(56.75% 0.0688 187.50) 38.3%, oklch(54.95% 0.0711 193.46) 40.4%, oklch(53.28% 0.0734 198.73) 42.6%, oklch(51.77% 0.0757 203.23) 44.7%, oklch(50.44% 0.0780 206.87) 46.8%, oklch(49.31% 0.0802 209.56) 48.9%, oklch(48.38% 0.0824 211.24) 51.1%, oklch(47.60% 0.0829 212.03) 53.2%, oklch(46.95% 0.0818 211.96) 55.3%, oklch(46.43% 0.0806 211.13) 57.4%, oklch(46.02% 0.0795 209.61) 59.6%, oklch(45.71% 0.0785 207.45) 61.7%, oklch(45.50% 0.0777 204.74) 63.8%, oklch(45.38% 0.0772 201.53) 66.0%, oklch(45.33% 0.0771 197.89) 68.1%, oklch(45.35% 0.0775 193.90) 70.2%, oklch(45.43% 0.0785 189.62) 72.3%, oklch(45.56% 0.0802 185.12) 74.5%, oklch(45.73% 0.0827 180.47) 76.6%, oklch(45.93% 0.0861 175.73) 78.7%, oklch(46.16% 0.0904 170.97) 80.9%, oklch(46.39% 0.0959 166.27) 83.0%, oklch(46.63% 0.1027 161.69) 85.1%, oklch(46.87% 0.1110 157.29) 87.2%, oklch(47.09% 0.1208 153.15) 89.4%, oklch(47.28% 0.1302 149.36) 91.5%, oklch(47.44% 0.1320 145.93) 93.6%, oklch(47.56% 0.1337 142.96) 95.7%, oklch(47.63% 0.1351 140.52) 97.9%, oklch(47.64% 0.1364 138.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.909 | 0.034 | 60.5 |
| 2 | 0.488 | 0.081 | 210.5 |
| 3 | 0.476 | 0.136 | 138.7 |

## In these collections

- [Remote sensing gradients](https://grabient.com/remote-sensing-gradients)

## Other forms

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