# Teal pale orange gradient

Teal, peach and tan linear gradient with 40 colors: #049094, #149492, #23988f, #339c8c, #44a188, #55a684, #67aa80, #7aaf7d, #8cb37a, #9eb679, #afba7a, #bfbd7d, #cec081, #dac287, #e5c58e, #eec796, #f5c99c, #facba2, #fdcca6, #ffcca8, #fecca8, #fccba6, #f7c9a1, #f1c69b, #e9c394, #dfc08c, #d3bc85, #c6b97e, #b7b579, #a7b076, #96ac74, #84a774, #72a275, #619d77, #509779, #40917c, #328c7e, #248780, #198381, #0f7f82. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Teal, peach and tan linear gradient
- Seed: `kSl0mM8BsvUUg0I`
- Page: https://grabient.com/kSl0mM8BsvUUg0I?steps=40&angle=225
- Drawn as: linear gradient, 40 steps, 225 degrees
- Kinds: light center, pastel, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#049094` | `oklch(59.45% 0.1006 197.58)` | Christina Brown | black, 5.4 to 1 |
| 2 | `#149492` | `oklch(60.34% 0.0998 193.26)` | Atrovirens | black, 5.6 to 1 |
| 3 | `#23988f` | `oklch(61.50% 0.0988 187.64)` | Azure Tide | black, 5.9 to 1 |
| 4 | `#339c8c` | `oklch(62.91% 0.0976 180.88)` | Temple Guard Blue | black, 6.2 to 1 |
| 5 | `#44a188` | `oklch(64.53% 0.0962 173.15)` | Marine Green | black, 6.6 to 1 |
| 6 | `#55a684` | `oklch(66.31% 0.0947 164.63)` | Laurel Wreath | black, 7.1 to 1 |
| 7 | `#67aa80` | `oklch(68.22% 0.0931 155.48)` | Green Tea Candy | black, 7.6 to 1 |
| 8 | `#7aaf7d` | `oklch(70.23% 0.0914 145.88)` | Frosted Emerald | black, 8.2 to 1 |
| 9 | `#8cb37a` | `oklch(72.30% 0.0897 135.99)` | Hakusai Green | black, 8.8 to 1 |
| 10 | `#9eb679` | `oklch(74.38% 0.0879 125.99)` | Death Guard | black, 9.4 to 1 |
| 11 | `#afba7a` | `oklch(76.45% 0.0861 116.05)` | Green Curry | black, 10.1 to 1 |
| 12 | `#bfbd7d` | `oklch(78.46% 0.0844 106.33)` | Krieg Khaki | black, 10.7 to 1 |
| 13 | `#cec081` | `oklch(80.39% 0.0827 97.01)` | Winter Hazel | black, 11.4 to 1 |
| 14 | `#dac287` | `oklch(82.18% 0.0810 88.26)` | Sunspill | black, 12 to 1 |
| 15 | `#e5c58e` | `oklch(83.81% 0.0795 80.25)` | Bungalow Maple | black, 12.7 to 1 |
| 16 | `#eec796` | `oklch(85.24% 0.0782 73.15)` | Humble Gold | black, 13.2 to 1 |
| 17 | `#f5c99c` | `oklch(86.43% 0.0770 67.13)` | Orange Blast | black, 13.7 to 1 |
| 18 | `#facba2` | `oklch(87.35% 0.0759 62.36)` | Chai Latte | black, 14.1 to 1 |
| 19 | `#fdcca6` | `oklch(87.95% 0.0751 59.01)` | Coral Confection | black, 14.3 to 1 |
| 20 | `#ffcca8` | `oklch(88.20% 0.0746 57.26)` | Peach Crayon | black, 14.4 to 1 |
| 21 | `#fecca8` | `oklch(88.07% 0.0743 57.26)` | Peach Crayon | black, 14.4 to 1 |
| 22 | `#fccba6` | `oklch(87.54% 0.0743 59.01)` | Coral Confection | black, 14.2 to 1 |
| 23 | `#f7c9a1` | `oklch(86.66% 0.0744 62.36)` | Sundown | black, 13.8 to 1 |
| 24 | `#f1c69b` | `oklch(85.45% 0.0748 67.13)` | Radome Tan | black, 13.3 to 1 |
| 25 | `#e9c394` | `oklch(83.96% 0.0754 73.15)` | Oberon on the Beach | black, 12.7 to 1 |
| 26 | `#dfc08c` | `oklch(82.22% 0.0761 80.25)` | Sahara Gravel | black, 12 to 1 |
| 27 | `#d3bc85` | `oklch(80.29% 0.0770 88.26)` | Independent Gold | black, 11.3 to 1 |
| 28 | `#c6b97e` | `oklch(78.18% 0.0779 97.01)` | Frozen Marguerita | black, 10.6 to 1 |
| 29 | `#b7b579` | `oklch(75.96% 0.0790 106.33)` | Misty Moss | black, 9.8 to 1 |
| 30 | `#a7b076` | `oklch(73.64% 0.0801 116.05)` | Estragon | black, 9.1 to 1 |
| 31 | `#96ac74` | `oklch(71.28% 0.0812 125.99)` | Geranium Leaf | black, 8.4 to 1 |
| 32 | `#84a774` | `oklch(68.91% 0.0824 135.99)` | Perennial Garden | black, 7.7 to 1 |
| 33 | `#72a275` | `oklch(66.57% 0.0835 145.88)` | Jadesheen | black, 7.1 to 1 |
| 34 | `#619d77` | `oklch(64.30% 0.0847 155.48)` | Memphis Green | black, 6.5 to 1 |
| 35 | `#509779` | `oklch(62.14% 0.0857 164.63)` | Fake Fern | black, 6 to 1 |
| 36 | `#40917c` | `oklch(60.13% 0.0867 173.15)` | Winter Green | black, 5.5 to 1 |
| 37 | `#328c7e` | `oklch(58.30% 0.0877 180.88)` | Ionian | black, 5.1 to 1 |
| 38 | `#248780` | `oklch(56.70% 0.0884 187.64)` | Celadon Green | black, 4.8 to 1 |
| 39 | `#198381` | `oklch(55.36% 0.0891 193.26)` | Marine Teal | black, 4.5 to 1 |
| 40 | `#0f7f82` | `oklch(54.33% 0.0896 197.58)` | Teal | white, 4.7 to 1 |

## CSS

```css
background: linear-gradient(225deg, #049094 0.0%, #149492 2.6%, #23988f 5.1%, #339c8c 7.7%, #44a188 10.3%, #55a684 12.8%, #67aa80 15.4%, #7aaf7d 17.9%, #8cb37a 20.5%, #9eb679 23.1%, #afba7a 25.6%, #bfbd7d 28.2%, #cec081 30.8%, #dac287 33.3%, #e5c58e 35.9%, #eec796 38.5%, #f5c99c 41.0%, #facba2 43.6%, #fdcca6 46.2%, #ffcca8 48.7%, #fecca8 51.3%, #fccba6 53.8%, #f7c9a1 56.4%, #f1c69b 59.0%, #e9c394 61.5%, #dfc08c 64.1%, #d3bc85 66.7%, #c6b97e 69.2%, #b7b579 71.8%, #a7b076 74.4%, #96ac74 76.9%, #84a774 79.5%, #72a275 82.1%, #619d77 84.6%, #509779 87.2%, #40917c 89.7%, #328c7e 92.3%, #248780 94.9%, #198381 97.4%, #0f7f82 100.0%);
background: linear-gradient(225deg in oklch, oklch(59.45% 0.1006 197.58) 0.0%, oklch(60.34% 0.0998 193.26) 2.6%, oklch(61.50% 0.0988 187.64) 5.1%, oklch(62.91% 0.0976 180.88) 7.7%, oklch(64.53% 0.0962 173.15) 10.3%, oklch(66.31% 0.0947 164.63) 12.8%, oklch(68.22% 0.0931 155.48) 15.4%, oklch(70.23% 0.0914 145.88) 17.9%, oklch(72.30% 0.0897 135.99) 20.5%, oklch(74.38% 0.0879 125.99) 23.1%, oklch(76.45% 0.0861 116.05) 25.6%, oklch(78.46% 0.0844 106.33) 28.2%, oklch(80.39% 0.0827 97.01) 30.8%, oklch(82.18% 0.0810 88.26) 33.3%, oklch(83.81% 0.0795 80.25) 35.9%, oklch(85.24% 0.0782 73.15) 38.5%, oklch(86.43% 0.0770 67.13) 41.0%, oklch(87.35% 0.0759 62.36) 43.6%, oklch(87.95% 0.0751 59.01) 46.2%, oklch(88.20% 0.0746 57.26) 48.7%, oklch(88.07% 0.0743 57.26) 51.3%, oklch(87.54% 0.0743 59.01) 53.8%, oklch(86.66% 0.0744 62.36) 56.4%, oklch(85.45% 0.0748 67.13) 59.0%, oklch(83.96% 0.0754 73.15) 61.5%, oklch(82.22% 0.0761 80.25) 64.1%, oklch(80.29% 0.0770 88.26) 66.7%, oklch(78.18% 0.0779 97.01) 69.2%, oklch(75.96% 0.0790 106.33) 71.8%, oklch(73.64% 0.0801 116.05) 74.4%, oklch(71.28% 0.0812 125.99) 76.9%, oklch(68.91% 0.0824 135.99) 79.5%, oklch(66.57% 0.0835 145.88) 82.1%, oklch(64.30% 0.0847 155.48) 84.6%, oklch(62.14% 0.0857 164.63) 87.2%, oklch(60.13% 0.0867 173.15) 89.7%, oklch(58.30% 0.0877 180.88) 92.3%, oklch(56.70% 0.0884 187.64) 94.9%, oklch(55.36% 0.0891 193.26) 97.4%, oklch(54.33% 0.0896 197.58) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.594 | 0.101 | 197.6 |
| 2 | 0.882 | 0.074 | 57 |
| 3 | 0.543 | 0.09 | 197.6 |

## In these collections

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

## Other forms

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