# Copper teal shaded canopy

Tritone brown, teal and green angular swatches with 10 colors: #8a3615, #9e5440, #ae755f, #867b4f, #3d6a5d, #346962, #698151, #927842, #705035, #493126. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone brown, teal and green angular swatches
- Seed: `kWcVkczxtBDsT0LMHbQqw66g`
- Page: https://grabient.com/kWcVkczxtBDsT0LMHbQqw66g?style=angularSwatches&steps=10&angle=135
- Drawn as: angular swatches, 10 steps, 135 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 3.1 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 | `#8a3615` | `oklch(44.49% 0.1226 40.08)` | Rogan Josh | white, 8 to 1 |
| 2 | `#9e5440` | `oklch(52.98% 0.1030 36.40)` | Kalahari Sunset | white, 5.5 to 1 |
| 3 | `#ae755f` | `oklch(61.61% 0.0788 42.68)` | Arizona Clay | black, 5.5 to 1 |
| 4 | `#867b4f` | `oklch(58.36% 0.0637 95.93)` | Fern Grove | black, 4.9 to 1 |
| 5 | `#3d6a5d` | `oklch(48.64% 0.0546 173.38)` | Dignified | white, 6.1 to 1 |
| 6 | `#346962` | `oklch(48.23% 0.0579 184.28)` | Seiheki Green | white, 6.2 to 1 |
| 7 | `#698151` | `oklch(57.22% 0.0754 129.90)` | Kale | black, 4.8 to 1 |
| 8 | `#927842` | `oklch(58.54% 0.0795 84.19)` | Manticore Brown | black, 4.9 to 1 |
| 9 | `#705035` | `oklch(45.78% 0.0593 60.54)` | Coffee | white, 7.3 to 1 |
| 10 | `#493126` | `oklch(33.86% 0.0400 46.42)` | Rojo Marrón | white, 11.9 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #8a3615 0.000% 10.000%, #9e5440 10.000% 20.000%, #ae755f 20.000% 30.000%, #867b4f 30.000% 40.000%, #3d6a5d 40.000% 50.000%, #346962 50.000% 60.000%, #698151 60.000% 70.000%, #927842 70.000% 80.000%, #705035 80.000% 90.000%, #493126 90.000% 100.000%);
background: conic-gradient(from 135deg, oklch(44.49% 0.1226 40.08) 0.000% 10.000%, oklch(52.98% 0.1030 36.40) 10.000% 20.000%, oklch(61.61% 0.0788 42.68) 20.000% 30.000%, oklch(58.36% 0.0637 95.93) 30.000% 40.000%, oklch(48.64% 0.0546 173.38) 40.000% 50.000%, oklch(48.23% 0.0579 184.28) 50.000% 60.000%, oklch(57.22% 0.0754 129.90) 60.000% 70.000%, oklch(58.54% 0.0795 84.19) 70.000% 80.000%, oklch(45.78% 0.0593 60.54) 80.000% 90.000%, oklch(33.86% 0.0400 46.42) 90.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.445 | 0.123 | 40.1 |
| 2 | 0.622 | 0.074 | 49.6 |
| 3 | 0.465 | 0.054 | 191.2 |
| 4 | 0.598 | 0.081 | 91.9 |
| 5 | 0.339 | 0.04 | 46.4 |

## In these collections

- [Burnished beech canopy](https://grabient.com/burnished-beech-canopy)

## Other forms

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