# Orange muted green pale orange gradient

Orange, teal, green and tan linear gradient with 40 colors: #f0a34f, #e4a445, #d2a63c, #b9a93c, #9baa47, #7aa959, #58a66b, #36a27b, #179d88, #009890, #039694, #169796, #259996, #359e95, #44a393, #54a891, #64ad8f, #73b28e, #7fb68d, #89b98e, #8dbb90, #8fbd93, #8fbe97, #8dbf9b, #8bc09f, #88c0a3, #87c1a7, #86c2a9, #88c3aa, #8bc4aa, #91c6a8, #9bc8a4, #a8ca9f, #b7cc9a, #c7cd97, #d6cd96, #e5cd98, #f0cc9d, #f9cca3, #ffcca9. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Orange, teal, green and tan linear gradient
- Seed: `kWxWIuzaZO96cupimcH8BszQ`
- Page: https://grabient.com/kWxWIuzaZO96cupimcH8BszQ?steps=40&angle=45
- Drawn as: linear gradient, 40 steps, 45 degrees
- Kinds: pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 2.4 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 | `#f0a34f` | `oklch(77.56% 0.1350 65.39)` | Troll Slayer Orange | black, 10 to 1 |
| 2 | `#e4a445` | `oklch(76.40% 0.1332 73.97)` | Brass Mesh | black, 9.7 to 1 |
| 3 | `#d2a63c` | `oklch(74.74% 0.1307 86.07)` | Brassed Off | black, 9.2 to 1 |
| 4 | `#b9a93c` | `oklch(72.71% 0.1278 100.70)` | Hey Pesto | black, 8.7 to 1 |
| 5 | `#9baa47` | `oklch(70.47% 0.1246 116.92)` | Persian Belt | black, 8.2 to 1 |
| 6 | `#7aa959` | `oklch(68.17% 0.1211 133.74)` | Asparagus | black, 7.6 to 1 |
| 7 | `#58a66b` | `oklch(65.96% 0.1175 150.20)` | Endo | black, 7 to 1 |
| 8 | `#36a27b` | `oklch(63.98% 0.1138 165.33)` | Funk | black, 6.5 to 1 |
| 9 | `#179d88` | `oklch(62.40% 0.1103 178.17)` | Flamboyant Teal | black, 6.1 to 1 |
| 10 | `#009890` | `oklch(61.36% 0.1068 187.74)` | Green Dynasty | black, 5.9 to 1 |
| 11 | `#039694` | `oklch(61.01% 0.1040 193.11)` | Intermezzo | black, 5.8 to 1 |
| 12 | `#169796` | `oklch(61.36% 0.1010 194.32)` | Java | black, 5.8 to 1 |
| 13 | `#259996` | `oklch(62.28% 0.0980 192.20)` | Java | black, 6.1 to 1 |
| 14 | `#359e95` | `oklch(63.65% 0.0950 187.50)` | Baltic Green | black, 6.4 to 1 |
| 15 | `#44a393` | `oklch(65.33% 0.0921 181.00)` | Marine Green | black, 6.8 to 1 |
| 16 | `#54a891` | `oklch(67.20% 0.0892 173.44)` | Jewel Weed | black, 7.3 to 1 |
| 17 | `#64ad8f` | `oklch(69.12% 0.0864 165.59)` | O’grady Green | black, 7.9 to 1 |
| 18 | `#73b28e` | `oklch(70.97% 0.0839 158.20)` | Mate Tea | black, 8.4 to 1 |
| 19 | `#7fb68d` | `oklch(72.61% 0.0815 152.04)` | Green Eggs and Ham | black, 8.9 to 1 |
| 20 | `#89b98e` | `oklch(73.92% 0.0795 147.87)` | Oilcloth Green | black, 9.3 to 1 |
| 21 | `#8dbb90` | `oklch(74.80% 0.0777 146.34)` | Tiki Monster | black, 9.6 to 1 |
| 22 | `#8fbd93` | `oklch(75.38% 0.0762 147.17)` | Tiki Monster | black, 9.8 to 1 |
| 23 | `#8fbe97` | `oklch(75.76% 0.0749 149.70)` | Garden Swing | black, 9.9 to 1 |
| 24 | `#8dbf9b` | `oklch(75.99% 0.0737 153.34)` | Green-Eyed Lady | black, 10 to 1 |
| 25 | `#8bc09f` | `oklch(76.12% 0.0728 157.48)` | Lark Green | black, 10.1 to 1 |
| 26 | `#88c0a3` | `oklch(76.22% 0.0721 161.53)` | Lark Green | black, 10.1 to 1 |
| 27 | `#87c1a7` | `oklch(76.33% 0.0714 164.88)` | Gauss Blaster Green | black, 10.2 to 1 |
| 28 | `#86c2a9` | `oklch(76.53% 0.0710 166.93)` | Gauss Blaster Green | black, 10.2 to 1 |
| 29 | `#88c3aa` | `oklch(76.86% 0.0706 167.08)` | Gauss Blaster Green | black, 10.4 to 1 |
| 30 | `#8bc4aa` | `oklch(77.39% 0.0703 164.72)` | Spearmint Frosting | black, 10.5 to 1 |
| 31 | `#91c6a8` | `oklch(78.16% 0.0702 159.22)` | Spearmint Frosting | black, 10.8 to 1 |
| 32 | `#9bc8a4` | `oklch(79.16% 0.0703 150.57)` | French Market | black, 11.2 to 1 |
| 33 | `#a8ca9f` | `oklch(80.32% 0.0707 139.50)` | Limestoned | black, 11.6 to 1 |
| 34 | `#b7cc9a` | `oklch(81.59% 0.0712 126.76)` | White Grape | black, 12 to 1 |
| 35 | `#c7cd97` | `oklch(82.91% 0.0717 113.10)` | Vegetarian Vulture | black, 12.5 to 1 |
| 36 | `#d6cd96` | `oklch(84.22% 0.0724 99.25)` | Artichoke Mist | black, 13 to 1 |
| 37 | `#e5cd98` | `oklch(85.46% 0.0730 85.96)` | Honeycomb Glow | black, 13.4 to 1 |
| 38 | `#f0cc9d` | `oklch(86.57% 0.0736 73.98)` | Capricious | black, 13.8 to 1 |
| 39 | `#f9cca3` | `oklch(87.50% 0.0741 64.06)` | Lion Cub | black, 14.2 to 1 |
| 40 | `#ffcca9` | `oklch(88.19% 0.0744 56.94)` | Peachy Pico | black, 14.4 to 1 |

## CSS

```css
background: linear-gradient(45deg, #f0a34f 0.0%, #e4a445 2.6%, #d2a63c 5.1%, #b9a93c 7.7%, #9baa47 10.3%, #7aa959 12.8%, #58a66b 15.4%, #36a27b 17.9%, #179d88 20.5%, #009890 23.1%, #039694 25.6%, #169796 28.2%, #259996 30.8%, #359e95 33.3%, #44a393 35.9%, #54a891 38.5%, #64ad8f 41.0%, #73b28e 43.6%, #7fb68d 46.2%, #89b98e 48.7%, #8dbb90 51.3%, #8fbd93 53.8%, #8fbe97 56.4%, #8dbf9b 59.0%, #8bc09f 61.5%, #88c0a3 64.1%, #87c1a7 66.7%, #86c2a9 69.2%, #88c3aa 71.8%, #8bc4aa 74.4%, #91c6a8 76.9%, #9bc8a4 79.5%, #a8ca9f 82.1%, #b7cc9a 84.6%, #c7cd97 87.2%, #d6cd96 89.7%, #e5cd98 92.3%, #f0cc9d 94.9%, #f9cca3 97.4%, #ffcca9 100.0%);
background: linear-gradient(45deg in oklch, oklch(77.56% 0.1350 65.39) 0.0%, oklch(76.40% 0.1332 73.97) 2.6%, oklch(74.74% 0.1307 86.07) 5.1%, oklch(72.71% 0.1278 100.70) 7.7%, oklch(70.47% 0.1246 116.92) 10.3%, oklch(68.17% 0.1211 133.74) 12.8%, oklch(65.96% 0.1175 150.20) 15.4%, oklch(63.98% 0.1138 165.33) 17.9%, oklch(62.40% 0.1103 178.17) 20.5%, oklch(61.36% 0.1068 187.74) 23.1%, oklch(61.01% 0.1040 193.11) 25.6%, oklch(61.36% 0.1010 194.32) 28.2%, oklch(62.28% 0.0980 192.20) 30.8%, oklch(63.65% 0.0950 187.50) 33.3%, oklch(65.33% 0.0921 181.00) 35.9%, oklch(67.20% 0.0892 173.44) 38.5%, oklch(69.12% 0.0864 165.59) 41.0%, oklch(70.97% 0.0839 158.20) 43.6%, oklch(72.61% 0.0815 152.04) 46.2%, oklch(73.92% 0.0795 147.87) 48.7%, oklch(74.80% 0.0777 146.34) 51.3%, oklch(75.38% 0.0762 147.17) 53.8%, oklch(75.76% 0.0749 149.70) 56.4%, oklch(75.99% 0.0737 153.34) 59.0%, oklch(76.12% 0.0728 157.48) 61.5%, oklch(76.22% 0.0721 161.53) 64.1%, oklch(76.33% 0.0714 164.88) 66.7%, oklch(76.53% 0.0710 166.93) 69.2%, oklch(76.86% 0.0706 167.08) 71.8%, oklch(77.39% 0.0703 164.72) 74.4%, oklch(78.16% 0.0702 159.22) 76.9%, oklch(79.16% 0.0703 150.57) 79.5%, oklch(80.32% 0.0707 139.50) 82.1%, oklch(81.59% 0.0712 126.76) 84.6%, oklch(82.91% 0.0717 113.10) 87.2%, oklch(84.22% 0.0724 99.25) 89.7%, oklch(85.46% 0.0730 85.96) 92.3%, oklch(86.57% 0.0736 73.98) 94.9%, oklch(87.50% 0.0741 64.06) 97.4%, oklch(88.19% 0.0744 56.94) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.776 | 0.135 | 65.4 |
| 2 | 0.61 | 0.105 | 192.2 |
| 3 | 0.744 | 0.079 | 146.8 |
| 4 | 0.776 | 0.07 | 163.7 |
| 5 | 0.882 | 0.074 | 56.9 |

## In these collections

- [Teal and orange](https://grabient.com/teal-and-orange)

## Other forms

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