# Copper Teal Circuit

The gradient travels from #c86a46 to #ee8651, passing through red, orange, gold, yellow, green, teal, green, gold, orange, red, orange, gold, green, teal, green, yellow, orange, and red. The alternating cool and warm regions support energetic headers, event graphics, or editorial backgrounds that need teal structure and orange emphasis across the complete route.

- Also called: Salmon, green, brown and orange linear gradient
- Seed: `kWn14d6RrP7opLzYqVI3DSvA`
- Page: https://grabient.com/kWn14d6RrP7opLzYqVI3DSvA?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark center, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 4.6 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 | `#c86a46` | `oklch(62.60% 0.1295 41.48)` | Tile Red | black, 5.6 to 1 |
| 2 | `#c7773d` | `oklch(64.62% 0.1243 54.33)` | Summerset | black, 6.1 to 1 |
| 3 | `#c28c3b` | `oklch(67.76% 0.1166 73.62)` | Victorian Crown | black, 7 to 1 |
| 4 | `#b6a34f` | `oklch(71.53% 0.1073 96.72)` | Moss Stone | black, 8.3 to 1 |
| 5 | `#a6b972` | `oklch(75.43% 0.0976 120.97)` | Green Curry | black, 9.8 to 1 |
| 6 | `#98ca96` | `oklch(78.95% 0.0883 143.70)` | Kettle Drum | black, 11.1 to 1 |
| 7 | `#93d4b3` | `oklch(81.61% 0.0804 162.27)` | Vista Blue | black, 12.2 to 1 |
| 8 | `#93d7c3` | `oklch(82.90% 0.0749 174.02)` | Chloride | black, 12.7 to 1 |
| 9 | `#92d5c3` | `oklch(82.31% 0.0729 176.21)` | Pop Shop | black, 12.5 to 1 |
| 10 | `#8dcbb1` | `oklch(79.28% 0.0744 166.39)` | Vile Green | black, 11.3 to 1 |
| 11 | `#8bba8f` | `oklch(74.28% 0.0788 147.03)` | Forest Frolic | black, 9.4 to 1 |
| 12 | `#90a165` | `oklch(68.08% 0.0850 121.83)` | Banana Palm | black, 7.4 to 1 |
| 13 | `#96843e` | `oklch(61.43% 0.0923 94.48)` | Eden Prairie | black, 5.6 to 1 |
| 14 | `#976628` | `oklch(55.10% 0.0997 68.68)` | Olivia | white, 4.9 to 1 |
| 15 | `#924e27` | `oklch(49.85% 0.1063 48.11)` | Khaki Brown | white, 6.2 to 1 |
| 16 | `#8c3f29` | `oklch(46.45% 0.1114 36.47)` | Fire | white, 7.3 to 1 |
| 17 | `#8a3b24` | `oklch(45.54% 0.1141 37.32)` | Rustica | white, 7.6 to 1 |
| 18 | `#8b430e` | `oklch(46.80% 0.1150 50.87)` | Beef Noodle Broth | white, 7.1 to 1 |
| 19 | `#865700` | `oklch(49.65% 0.1055 73.44)` | Spear Shaft | white, 6.2 to 1 |
| 20 | `#7b6f00` | `oklch(53.56% 0.1119 101.32)` | Sunlit Kelp Green | white, 5.1 to 1 |
| 21 | `#63883c` | `oklch(58.00% 0.1128 130.61)` | Stamnankáthi Green | black, 5 to 1 |
| 22 | `#439c6c` | `oklch(62.44% 0.1119 157.50)` | Bulma Hair | black, 6.1 to 1 |
| 23 | `#2aa993` | `oklch(66.35% 0.1116 178.16)` | Zomp | black, 7.2 to 1 |
| 24 | `#26b2aa` | `oklch(69.20% 0.1125 188.79)` | Glass Jar Blue | black, 8 to 1 |
| 25 | `#2bb8ac` | `oklch(70.80% 0.1149 186.74)` | Message Green | black, 8.5 to 1 |
| 26 | `#3cbc9f` | `oklch(71.80% 0.1186 174.49)` | First Post | black, 8.8 to 1 |
| 27 | `#5fbc83` | `oklch(72.34% 0.1232 154.94)` | Spearmint Burst | black, 9 to 1 |
| 28 | `#8ab75d` | `oklch(72.56% 0.1282 130.92)` | Dollar Bill | black, 8.9 to 1 |
| 29 | `#b3ab37` | `oklch(72.55% 0.1333 105.26)` | Friendly Frog | black, 8.7 to 1 |
| 30 | `#d29b28` | `oklch(72.45% 0.1380 80.79)` | Saffron Yellow | black, 8.4 to 1 |
| 31 | `#e58e3c` | `oklch(72.37% 0.1419 60.35)` | Velvet Marigold | black, 8.2 to 1 |
| 32 | `#ee8651` | `oklch(72.44% 0.1447 46.77)` | Half-Smoke | black, 8.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #c86a46 0.0%, #c7773d 3.2%, #c28c3b 6.5%, #b6a34f 9.7%, #a6b972 12.9%, #98ca96 16.1%, #93d4b3 19.4%, #93d7c3 22.6%, #92d5c3 25.8%, #8dcbb1 29.0%, #8bba8f 32.3%, #90a165 35.5%, #96843e 38.7%, #976628 41.9%, #924e27 45.2%, #8c3f29 48.4%, #8a3b24 51.6%, #8b430e 54.8%, #865700 58.1%, #7b6f00 61.3%, #63883c 64.5%, #439c6c 67.7%, #2aa993 71.0%, #26b2aa 74.2%, #2bb8ac 77.4%, #3cbc9f 80.6%, #5fbc83 83.9%, #8ab75d 87.1%, #b3ab37 90.3%, #d29b28 93.5%, #e58e3c 96.8%, #ee8651 100.0%);
background: linear-gradient(180deg in oklch, oklch(62.60% 0.1295 41.48) 0.0%, oklch(64.62% 0.1243 54.33) 3.2%, oklch(67.76% 0.1166 73.62) 6.5%, oklch(71.53% 0.1073 96.72) 9.7%, oklch(75.43% 0.0976 120.97) 12.9%, oklch(78.95% 0.0883 143.70) 16.1%, oklch(81.61% 0.0804 162.27) 19.4%, oklch(82.90% 0.0749 174.02) 22.6%, oklch(82.31% 0.0729 176.21) 25.8%, oklch(79.28% 0.0744 166.39) 29.0%, oklch(74.28% 0.0788 147.03) 32.3%, oklch(68.08% 0.0850 121.83) 35.5%, oklch(61.43% 0.0923 94.48) 38.7%, oklch(55.10% 0.0997 68.68) 41.9%, oklch(49.85% 0.1063 48.11) 45.2%, oklch(46.45% 0.1114 36.47) 48.4%, oklch(45.54% 0.1141 37.32) 51.6%, oklch(46.80% 0.1150 50.87) 54.8%, oklch(49.65% 0.1055 73.44) 58.1%, oklch(53.56% 0.1119 101.32) 61.3%, oklch(58.00% 0.1128 130.61) 64.5%, oklch(62.44% 0.1119 157.50) 67.7%, oklch(66.35% 0.1116 178.16) 71.0%, oklch(69.20% 0.1125 188.79) 74.2%, oklch(70.80% 0.1149 186.74) 77.4%, oklch(71.80% 0.1186 174.49) 80.6%, oklch(72.34% 0.1232 154.94) 83.9%, oklch(72.56% 0.1282 130.92) 87.1%, oklch(72.55% 0.1333 105.26) 90.3%, oklch(72.45% 0.1380 80.79) 93.5%, oklch(72.37% 0.1419 60.35) 96.8%, oklch(72.44% 0.1447 46.77) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.626 | 0.13 | 41.5 |
| 2 | 0.827 | 0.073 | 176.7 |
| 3 | 0.457 | 0.113 | 35.1 |
| 4 | 0.697 | 0.113 | 189.4 |
| 5 | 0.724 | 0.145 | 46.8 |

## In these collections

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

## Other forms

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