# Chocolate camel and teal gradient

Tritone brown, green and teal linear gradient with 32 colors: #321c11, #361e13, #3b2114, #412516, #492917, #502e19, #58331c, #60391e, #673e21, #704527, #794d2e, #845636, #8e5e3d, #966744, #9d6e48, #9f7449, #9d7948, #947d46, #858047, #71814d, #5c8056, #477d60, #367767, #2b716b, #246b6c, #1e6569, #185d63, #11565d, #094f56, #02494f, #004449, #004046. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone brown, green and teal linear gradient
- Seed: `kWQB0gMxnBEwdQa_mc4qxZBo`
- Page: https://grabient.com/kWQB0gMxnBEwdQa_mc4qxZBo?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center
- Hues: complementary
- Contrast of its darkest and lightest colors: 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 | `#321c11` | `oklch(25.20% 0.0400 45.00)` | Close but No Cigar | white, 16 to 1 |
| 2 | `#361e13` | `oklch(26.36% 0.0425 45.72)` | Scorched | white, 15.5 to 1 |
| 3 | `#3b2114` | `oklch(27.88% 0.0461 46.65)` | Wetlands Swamp | white, 14.8 to 1 |
| 4 | `#412516` | `oklch(29.68% 0.0504 47.75)` | Duqqa Brown | white, 14 to 1 |
| 5 | `#492917` | `oklch(31.71% 0.0551 48.99)` | Brown Study | white, 13 to 1 |
| 6 | `#502e19` | `oklch(33.89% 0.0598 50.36)` | Dark Wood Grain | white, 12 to 1 |
| 7 | `#58331c` | `oklch(36.16% 0.0642 51.82)` | Baker’s Chocolate | white, 11 to 1 |
| 8 | `#60391e` | `oklch(38.46% 0.0680 53.34)` | Cassiterite Brown | white, 10 to 1 |
| 9 | `#673e21` | `oklch(40.74% 0.0709 54.85)` | Van Dyke Brown | white, 9.1 to 1 |
| 10 | `#704527` | `oklch(43.39% 0.0732 55.44)` | Fawn Brown | white, 8.1 to 1 |
| 11 | `#794d2e` | `oklch(46.41% 0.0752 55.26)` | Kinsusutake Brown | white, 7.1 to 1 |
| 12 | `#845636` | `oklch(49.59% 0.0768 54.95)` | Football | white, 6.2 to 1 |
| 13 | `#8e5e3d` | `oklch(52.69% 0.0780 55.15)` | Western Pursuit | white, 5.4 to 1 |
| 14 | `#966744` | `oklch(55.51% 0.0790 56.53)` | Antiquarian Brown | white, 4.8 to 1 |
| 15 | `#9d6e48` | `oklch(57.82% 0.0796 59.71)` | Standing Still | black, 4.7 to 1 |
| 16 | `#9f7449` | `oklch(59.40% 0.0799 65.36)` | English Bartlett | black, 5 to 1 |
| 17 | `#9d7948` | `oklch(60.05% 0.0798 74.30)` | Treasured | black, 5.2 to 1 |
| 18 | `#947d46` | `oklch(59.89% 0.0793 87.57)` | Raked Leaves | black, 5.2 to 1 |
| 19 | `#858047` | `oklch(59.08% 0.0782 104.07)` | Basil Chiffonade | black, 5.1 to 1 |
| 20 | `#71814d` | `oklch(57.75% 0.0769 122.44)` | Creamed Avocado | black, 4.9 to 1 |
| 21 | `#5c8056` | `oklch(56.08% 0.0753 141.33)` | Garden Grove | black, 4.6 to 1 |
| 22 | `#477d60` | `oklch(54.20% 0.0737 159.37)` | Sports Field Green | white, 4.8 to 1 |
| 23 | `#367767` | `oklch(52.27% 0.0720 175.19)` | Majorelle Gardens | white, 5.2 to 1 |
| 24 | `#2b716b` | `oklch(50.43% 0.0706 187.43)` | Advantageous | white, 5.6 to 1 |
| 25 | `#246b6c` | `oklch(48.62% 0.0693 195.44)` | Mosaic Tile | white, 6.1 to 1 |
| 26 | `#1e6569` | `oklch(46.46% 0.0679 200.56)` | Pacific | white, 6.7 to 1 |
| 27 | `#185d63` | `oklch(44.08% 0.0665 203.43)` | Tropical Skies | white, 7.5 to 1 |
| 28 | `#11565d` | `oklch(41.62% 0.0650 204.64)` | Uncharted | white, 8.3 to 1 |
| 29 | `#094f56` | `oklch(39.22% 0.0637 204.77)` | Deep Atlantic Blue | white, 9.2 to 1 |
| 30 | `#02494f` | `oklch(37.03% 0.0624 204.41)` | Sherpa Blue | white, 10.1 to 1 |
| 31 | `#004449` | `oklch(35.20% 0.0600 204.18)` | Dark Side | white, 10.9 to 1 |
| 32 | `#004046` | `oklch(33.87% 0.0578 204.60)` | Rich Black | white, 11.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #321c11 0.0%, #361e13 3.2%, #3b2114 6.5%, #412516 9.7%, #492917 12.9%, #502e19 16.1%, #58331c 19.4%, #60391e 22.6%, #673e21 25.8%, #704527 29.0%, #794d2e 32.3%, #845636 35.5%, #8e5e3d 38.7%, #966744 41.9%, #9d6e48 45.2%, #9f7449 48.4%, #9d7948 51.6%, #947d46 54.8%, #858047 58.1%, #71814d 61.3%, #5c8056 64.5%, #477d60 67.7%, #367767 71.0%, #2b716b 74.2%, #246b6c 77.4%, #1e6569 80.6%, #185d63 83.9%, #11565d 87.1%, #094f56 90.3%, #02494f 93.5%, #004449 96.8%, #004046 100.0%);
background: linear-gradient(45deg in oklch, oklch(25.20% 0.0400 45.00) 0.0%, oklch(26.36% 0.0425 45.72) 3.2%, oklch(27.88% 0.0461 46.65) 6.5%, oklch(29.68% 0.0504 47.75) 9.7%, oklch(31.71% 0.0551 48.99) 12.9%, oklch(33.89% 0.0598 50.36) 16.1%, oklch(36.16% 0.0642 51.82) 19.4%, oklch(38.46% 0.0680 53.34) 22.6%, oklch(40.74% 0.0709 54.85) 25.8%, oklch(43.39% 0.0732 55.44) 29.0%, oklch(46.41% 0.0752 55.26) 32.3%, oklch(49.59% 0.0768 54.95) 35.5%, oklch(52.69% 0.0780 55.15) 38.7%, oklch(55.51% 0.0790 56.53) 41.9%, oklch(57.82% 0.0796 59.71) 45.2%, oklch(59.40% 0.0799 65.36) 48.4%, oklch(60.05% 0.0798 74.30) 51.6%, oklch(59.89% 0.0793 87.57) 54.8%, oklch(59.08% 0.0782 104.07) 58.1%, oklch(57.75% 0.0769 122.44) 61.3%, oklch(56.08% 0.0753 141.33) 64.5%, oklch(54.20% 0.0737 159.37) 67.7%, oklch(52.27% 0.0720 175.19) 71.0%, oklch(50.43% 0.0706 187.43) 74.2%, oklch(48.62% 0.0693 195.44) 77.4%, oklch(46.46% 0.0679 200.56) 80.6%, oklch(44.08% 0.0665 203.43) 83.9%, oklch(41.62% 0.0650 204.64) 87.1%, oklch(39.22% 0.0637 204.77) 90.3%, oklch(37.03% 0.0624 204.41) 93.5%, oklch(35.20% 0.0600 204.18) 96.8%, oklch(33.87% 0.0578 204.60) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.252 | 0.04 | 45 |
| 2 | 0.402 | 0.07 | 54.5 |
| 3 | 0.598 | 0.08 | 69.3 |
| 4 | 0.5 | 0.07 | 189.8 |
| 5 | 0.339 | 0.061 | 204.6 |

## In these collections

- [Dark autumn color palette](https://grabient.com/dark-autumn-color-palette)

## Other forms

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