# Ember gold indigo haze

Tan, gray, dark green and brown linear gradient with 56 colors: #c09874, #bc9671, #b6946e, #af916a, #a78e66, #9f8a62, #95865e, #8c825b, #827d58, #787855, #6e7352, #646d50, #5b674d, #52614b, #4a5b48, #425545, #3c4f42, #36493f, #31433c, #2c3e39, #283935, #253532, #22312f, #1f2d2d, #1d2a2a, #1c2829, #1a2727, #192627, #182627, #182627, #182829, #182a2a, #192d2c, #1a302f, #1b3431, #1c3833, #1f3d36, #224238, #26473a, #2b4d3b, #32533c, #39583c, #425e3c, #4c633b, #56693a, #616d39, #6c7238, #787637, #837a37, #8e7d37, #998038, #a28239, #ab843c, #b3863e, #ba8841, #bf8943. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tan, gray, dark green and brown linear gradient
- Seed: `kStDItIIbQVUnsG`
- Page: https://grabient.com/kStDItIIbQVUnsG?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: dark center
- Hues: wide
- Contrast of its darkest and lightest colors: 5.9 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 | `#c09874` | `oklch(70.87% 0.0689 63.28)` | Lanyard | black, 8 to 1 |
| 2 | `#bc9671` | `oklch(69.93% 0.0678 66.15)` | Wilmington Tan | black, 7.7 to 1 |
| 3 | `#b6946e` | `oklch(68.78% 0.0664 69.68)` | Windswept Leaves | black, 7.4 to 1 |
| 4 | `#af916a` | `oklch(67.43% 0.0648 73.82)` | Armagnac | black, 7 to 1 |
| 5 | `#a78e66` | `oklch(65.90% 0.0629 78.50)` | Fossil Butte | black, 6.6 to 1 |
| 6 | `#9f8a62` | `oklch(64.22% 0.0608 83.67)` | Historic Town | black, 6.2 to 1 |
| 7 | `#95865e` | `oklch(62.40% 0.0585 89.27)` | Enchanted Wood | black, 5.8 to 1 |
| 8 | `#8c825b` | `oklch(60.45% 0.0561 95.24)` | Wood Chi | black, 5.4 to 1 |
| 9 | `#827d58` | `oklch(58.41% 0.0535 101.51)` | Fern Grove | black, 5 to 1 |
| 10 | `#787855` | `oklch(56.28% 0.0509 108.04)` | Finch | black, 4.6 to 1 |
| 11 | `#6e7352` | `oklch(54.09% 0.0481 114.77)` | Four Seasons Oolong | white, 4.9 to 1 |
| 12 | `#646d50` | `oklch(51.86% 0.0454 121.62)` | Hinterland | white, 5.4 to 1 |
| 13 | `#5b674d` | `oklch(49.60% 0.0426 128.55)` | Monstera | white, 6 to 1 |
| 14 | `#52614b` | `oklch(47.34% 0.0398 135.50)` | Nature Surrounds | white, 6.6 to 1 |
| 15 | `#4a5b48` | `oklch(45.08% 0.0370 142.41)` | Greenwich | white, 7.2 to 1 |
| 16 | `#425545` | `oklch(42.86% 0.0344 149.21)` | Castellan Green | white, 8 to 1 |
| 17 | `#3c4f42` | `oklch(40.70% 0.0318 155.86)` | Amphitrite | white, 8.8 to 1 |
| 18 | `#36493f` | `oklch(38.60% 0.0293 162.28)` | Exclusive Green | white, 9.6 to 1 |
| 19 | `#31433c` | `oklch(36.59% 0.0270 168.43)` | Bracken Fern | white, 10.4 to 1 |
| 20 | `#2c3e39` | `oklch(34.69% 0.0249 174.24)` | Scarab | white, 11.3 to 1 |
| 21 | `#283935` | `oklch(32.92% 0.0230 179.65)` | Tetsu Black | white, 12.1 to 1 |
| 22 | `#253532` | `oklch(31.29% 0.0213 184.61)` | Aztec | white, 12.8 to 1 |
| 23 | `#22312f` | `oklch(29.83% 0.0198 189.06)` | Concealed Green | white, 13.6 to 1 |
| 24 | `#1f2d2d` | `oklch(28.55% 0.0187 192.94)` | Charleston Green | white, 14.2 to 1 |
| 25 | `#1d2a2a` | `oklch(27.47% 0.0179 196.18)` | Charleston Green | white, 14.7 to 1 |
| 26 | `#1c2829` | `oklch(26.62% 0.0174 198.73)` | Black Pearl | white, 15.1 to 1 |
| 27 | `#1a2727` | `oklch(26.01% 0.0173 200.54)` | Swamp Thing | white, 15.4 to 1 |
| 28 | `#192627` | `oklch(25.66% 0.0176 201.54)` | Swamp Thing | white, 15.6 to 1 |
| 29 | `#182627` | `oklch(25.59% 0.0183 201.67)` | Swamp Thing | white, 15.6 to 1 |
| 30 | `#182627` | `oklch(25.79% 0.0195 200.95)` | Swamp Thing | white, 15.5 to 1 |
| 31 | `#182829` | `oklch(26.25% 0.0212 199.43)` | Swamp Thing | white, 15.3 to 1 |
| 32 | `#182a2a` | `oklch(26.95% 0.0233 197.17)` | Swamp Thing | white, 14.9 to 1 |
| 33 | `#192d2c` | `oklch(27.86% 0.0257 194.23)` | Charleston Green | white, 14.5 to 1 |
| 34 | `#1a302f` | `oklch(28.98% 0.0285 190.66)` | Dark Pine Green | white, 13.9 to 1 |
| 35 | `#1b3431` | `oklch(30.27% 0.0316 186.52)` | Dark Pine Green | white, 13.3 to 1 |
| 36 | `#1c3833` | `oklch(31.74% 0.0349 181.87)` | Fait Accompli | white, 12.6 to 1 |
| 37 | `#1f3d36` | `oklch(33.34% 0.0386 176.77)` | Pine Grove | white, 11.8 to 1 |
| 38 | `#224238` | `oklch(35.08% 0.0424 171.27)` | English Holly | white, 11 to 1 |
| 39 | `#26473a` | `oklch(36.92% 0.0464 165.44)` | Wine Bottle Green | white, 10.2 to 1 |
| 40 | `#2b4d3b` | `oklch(38.85% 0.0505 159.33)` | Springbok Green | white, 9.4 to 1 |
| 41 | `#32533c` | `oklch(40.85% 0.0548 152.99)` | Goblin | white, 8.6 to 1 |
| 42 | `#39583c` | `oklch(42.91% 0.0591 146.49)` | Ficus | white, 7.9 to 1 |
| 43 | `#425e3c` | `oklch(45.00% 0.0635 139.89)` | Cupidity | white, 7.2 to 1 |
| 44 | `#4c633b` | `oklch(47.11% 0.0679 133.24)` | Plasticine | white, 6.6 to 1 |
| 45 | `#56693a` | `oklch(49.21% 0.0722 126.59)` | Tiāntāi Mountain Green | white, 6 to 1 |
| 46 | `#616d39` | `oklch(51.30% 0.0765 120.02)` | Russian Uniform | white, 5.5 to 1 |
| 47 | `#6c7238` | `oklch(53.34% 0.0807 113.57)` | Cedar Green | white, 5.1 to 1 |
| 48 | `#787637` | `oklch(55.33% 0.0848 107.30)` | Crocodile Style | white, 4.7 to 1 |
| 49 | `#837a37` | `oklch(57.24% 0.0887 101.27)` | Baikō Brown | black, 4.7 to 1 |
| 50 | `#8e7d37` | `oklch(59.05% 0.0924 95.55)` | Koke Moss | black, 5.1 to 1 |
| 51 | `#998038` | `oklch(60.76% 0.0959 90.17)` | Metallic Sunburst | black, 5.4 to 1 |
| 52 | `#a28239` | `oklch(62.33% 0.0992 85.22)` | Cloisonné Gold | black, 5.8 to 1 |
| 53 | `#ab843c` | `oklch(63.75% 0.1021 80.73)` | Bird’s-Eye | black, 6.1 to 1 |
| 54 | `#b3863e` | `oklch(65.00% 0.1047 76.77)` | Millionaire | black, 6.4 to 1 |
| 55 | `#ba8841` | `oklch(66.07% 0.1070 73.40)` | Golden Slumber | black, 6.6 to 1 |
| 56 | `#bf8943` | `oklch(66.93% 0.1089 70.68)` | Peanut Butter | black, 6.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #c09874 0.0%, #bc9671 1.8%, #b6946e 3.6%, #af916a 5.5%, #a78e66 7.3%, #9f8a62 9.1%, #95865e 10.9%, #8c825b 12.7%, #827d58 14.5%, #787855 16.4%, #6e7352 18.2%, #646d50 20.0%, #5b674d 21.8%, #52614b 23.6%, #4a5b48 25.5%, #425545 27.3%, #3c4f42 29.1%, #36493f 30.9%, #31433c 32.7%, #2c3e39 34.5%, #283935 36.4%, #253532 38.2%, #22312f 40.0%, #1f2d2d 41.8%, #1d2a2a 43.6%, #1c2829 45.5%, #1a2727 47.3%, #192627 49.1%, #182627 50.9%, #182627 52.7%, #182829 54.5%, #182a2a 56.4%, #192d2c 58.2%, #1a302f 60.0%, #1b3431 61.8%, #1c3833 63.6%, #1f3d36 65.5%, #224238 67.3%, #26473a 69.1%, #2b4d3b 70.9%, #32533c 72.7%, #39583c 74.5%, #425e3c 76.4%, #4c633b 78.2%, #56693a 80.0%, #616d39 81.8%, #6c7238 83.6%, #787637 85.5%, #837a37 87.3%, #8e7d37 89.1%, #998038 90.9%, #a28239 92.7%, #ab843c 94.5%, #b3863e 96.4%, #ba8841 98.2%, #bf8943 100.0%);
background: linear-gradient(135deg in oklch, oklch(70.87% 0.0689 63.28) 0.0%, oklch(69.93% 0.0678 66.15) 1.8%, oklch(68.78% 0.0664 69.68) 3.6%, oklch(67.43% 0.0648 73.82) 5.5%, oklch(65.90% 0.0629 78.50) 7.3%, oklch(64.22% 0.0608 83.67) 9.1%, oklch(62.40% 0.0585 89.27) 10.9%, oklch(60.45% 0.0561 95.24) 12.7%, oklch(58.41% 0.0535 101.51) 14.5%, oklch(56.28% 0.0509 108.04) 16.4%, oklch(54.09% 0.0481 114.77) 18.2%, oklch(51.86% 0.0454 121.62) 20.0%, oklch(49.60% 0.0426 128.55) 21.8%, oklch(47.34% 0.0398 135.50) 23.6%, oklch(45.08% 0.0370 142.41) 25.5%, oklch(42.86% 0.0344 149.21) 27.3%, oklch(40.70% 0.0318 155.86) 29.1%, oklch(38.60% 0.0293 162.28) 30.9%, oklch(36.59% 0.0270 168.43) 32.7%, oklch(34.69% 0.0249 174.24) 34.5%, oklch(32.92% 0.0230 179.65) 36.4%, oklch(31.29% 0.0213 184.61) 38.2%, oklch(29.83% 0.0198 189.06) 40.0%, oklch(28.55% 0.0187 192.94) 41.8%, oklch(27.47% 0.0179 196.18) 43.6%, oklch(26.62% 0.0174 198.73) 45.5%, oklch(26.01% 0.0173 200.54) 47.3%, oklch(25.66% 0.0176 201.54) 49.1%, oklch(25.59% 0.0183 201.67) 50.9%, oklch(25.79% 0.0195 200.95) 52.7%, oklch(26.25% 0.0212 199.43) 54.5%, oklch(26.95% 0.0233 197.17) 56.4%, oklch(27.86% 0.0257 194.23) 58.2%, oklch(28.98% 0.0285 190.66) 60.0%, oklch(30.27% 0.0316 186.52) 61.8%, oklch(31.74% 0.0349 181.87) 63.6%, oklch(33.34% 0.0386 176.77) 65.5%, oklch(35.08% 0.0424 171.27) 67.3%, oklch(36.92% 0.0464 165.44) 69.1%, oklch(38.85% 0.0505 159.33) 70.9%, oklch(40.85% 0.0548 152.99) 72.7%, oklch(42.91% 0.0591 146.49) 74.5%, oklch(45.00% 0.0635 139.89) 76.4%, oklch(47.11% 0.0679 133.24) 78.2%, oklch(49.21% 0.0722 126.59) 80.0%, oklch(51.30% 0.0765 120.02) 81.8%, oklch(53.34% 0.0807 113.57) 83.6%, oklch(55.33% 0.0848 107.30) 85.5%, oklch(57.24% 0.0887 101.27) 87.3%, oklch(59.05% 0.0924 95.55) 89.1%, oklch(60.76% 0.0959 90.17) 90.9%, oklch(62.33% 0.0992 85.22) 92.7%, oklch(63.75% 0.1021 80.73) 94.5%, oklch(65.00% 0.1047 76.77) 96.4%, oklch(66.07% 0.1070 73.40) 98.2%, oklch(66.93% 0.1089 70.68) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.709 | 0.069 | 63.3 |
| 2 | 0.256 | 0.018 | 201.7 |
| 3 | 0.669 | 0.109 | 70.7 |

## In these collections

- [Incense smoke at twilight](https://grabient.com/incense-smoke-at-twilight)

## Other forms

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