# Tan, brown, salmon and black linear gradient

Tan, brown, salmon and black linear gradient with 32 colors: #d18c4b, #ca864a, #bf7d49, #b17347, #a26744, #925c41, #82523d, #744939, #684236, #603e34, #5c3b33, #5e3d35, #654239, #724b3e, #825745, #95644c, #a77353, #b9805a, #c98c60, #d69466, #dd976c, #de9472, #d68b78, #c67e7d, #ae7080, #91637d, #725573, #554863, #3c3b50, #2a2e3c, #1e242c, #171c21. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUsVUsMZG8t2lQYchKzg`
- Page: https://grabient.com/kUsVUsMZG8t2lQYchKzg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#d18c4b` | `oklch(69.69% 0.1171 61.88)` | Hazelnut Coffee | black, 7.5 to 1 |
| 2 | `#ca864a` | `oklch(67.65% 0.1127 60.13)` | Golden Pumpkin | black, 6.9 to 1 |
| 3 | `#bf7d49` | `oklch(64.69% 0.1063 57.66)` | Sedona at Sunset | black, 6.2 to 1 |
| 4 | `#b17347` | `oklch(61.06% 0.0985 54.67)` | Burnt Almond | black, 5.3 to 1 |
| 5 | `#a26744` | `oklch(57.03% 0.0898 51.34)` | Earth | white, 4.5 to 1 |
| 6 | `#925c41` | `oklch(52.86% 0.0808 47.86)` | Spiced Cider | white, 5.4 to 1 |
| 7 | `#82523d` | `oklch(48.80% 0.0720 44.41)` | Curry Brown | white, 6.4 to 1 |
| 8 | `#744939` | `oklch(45.13% 0.0638 41.18)` | Tiramisu | white, 7.5 to 1 |
| 9 | `#684236` | `oklch(42.09% 0.0568 38.36)` | Roasted Coffee | white, 8.6 to 1 |
| 10 | `#603e34` | `oklch(39.96% 0.0516 36.13)` | Painted Bark | white, 9.4 to 1 |
| 11 | `#5c3b33` | `oklch(39.00% 0.0486 34.68)` | Western Brown | white, 9.8 to 1 |
| 12 | `#5e3d35` | `oklch(39.53% 0.0485 34.46)` | Painted Bark | white, 9.5 to 1 |
| 13 | `#654239` | `oklch(41.79% 0.0515 36.18)` | Brunette | white, 8.7 to 1 |
| 14 | `#724b3e` | `oklch(45.40% 0.0569 39.33)` | Tiramisu | white, 7.4 to 1 |
| 15 | `#825745` | `oklch(49.93% 0.0641 43.31)` | Red Hook | white, 6.1 to 1 |
| 16 | `#95644c` | `oklch(54.98% 0.0722 47.56)` | Rustic Earth | white, 4.9 to 1 |
| 17 | `#a77353` | `oklch(60.15% 0.0806 51.47)` | Pecan | black, 5.2 to 1 |
| 18 | `#b9805a` | `oklch(65.01% 0.0885 54.47)` | Southern Barrens Mud | black, 6.3 to 1 |
| 19 | `#c98c60` | `oklch(69.16% 0.0952 55.96)` | Orange Pekoe | black, 7.4 to 1 |
| 20 | `#d69466` | `oklch(72.19% 0.1001 55.36)` | Pumpkin Patch | black, 8.2 to 1 |
| 21 | `#dd976c` | `oklch(73.68% 0.1023 52.09)` | Brown Yellow | black, 8.7 to 1 |
| 22 | `#de9472` | `oklch(73.24% 0.1012 45.51)` | Buffed Copper | black, 8.5 to 1 |
| 23 | `#d68b78` | `oklch(70.85% 0.0968 34.78)` | Vintage Coral | black, 7.8 to 1 |
| 24 | `#c67e7d` | `oklch(66.86% 0.0897 20.50)` | Impatient Heart | black, 6.6 to 1 |
| 25 | `#ae7080` | `oklch(61.66% 0.0805 3.57)` | Shade of Mauve | black, 5.4 to 1 |
| 26 | `#91637d` | `oklch(55.61% 0.0700 344.90)` | Victorian Plum | white, 4.9 to 1 |
| 27 | `#725573` | `oklch(49.09% 0.0586 325.42)` | Cembra Blossom | white, 6.4 to 1 |
| 28 | `#554863` | `oklch(42.47% 0.0471 306.02)` | Roman Purple | white, 8.4 to 1 |
| 29 | `#3c3b50` | `oklch(36.13% 0.0361 287.62)` | Carbon Blue | white, 10.9 to 1 |
| 30 | `#2a2e3c` | `oklch(30.42% 0.0263 271.12)` | Black Rock | white, 13.4 to 1 |
| 31 | `#1e242c` | `oklch(25.74% 0.0181 257.45)` | Dark Gunmetal | white, 15.6 to 1 |
| 32 | `#171c21` | `oklch(22.44% 0.0124 247.51)` | Gluon Grey | white, 17.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #d18c4b 0.0%, #ca864a 3.2%, #bf7d49 6.5%, #b17347 9.7%, #a26744 12.9%, #925c41 16.1%, #82523d 19.4%, #744939 22.6%, #684236 25.8%, #603e34 29.0%, #5c3b33 32.3%, #5e3d35 35.5%, #654239 38.7%, #724b3e 41.9%, #825745 45.2%, #95644c 48.4%, #a77353 51.6%, #b9805a 54.8%, #c98c60 58.1%, #d69466 61.3%, #dd976c 64.5%, #de9472 67.7%, #d68b78 71.0%, #c67e7d 74.2%, #ae7080 77.4%, #91637d 80.6%, #725573 83.9%, #554863 87.1%, #3c3b50 90.3%, #2a2e3c 93.5%, #1e242c 96.8%, #171c21 100.0%);
background: linear-gradient(135deg in oklch, oklch(69.69% 0.1171 61.88) 0.0%, oklch(67.65% 0.1127 60.13) 3.2%, oklch(64.69% 0.1063 57.66) 6.5%, oklch(61.06% 0.0985 54.67) 9.7%, oklch(57.03% 0.0898 51.34) 12.9%, oklch(52.86% 0.0808 47.86) 16.1%, oklch(48.80% 0.0720 44.41) 19.4%, oklch(45.13% 0.0638 41.18) 22.6%, oklch(42.09% 0.0568 38.36) 25.8%, oklch(39.96% 0.0516 36.13) 29.0%, oklch(39.00% 0.0486 34.68) 32.3%, oklch(39.53% 0.0485 34.46) 35.5%, oklch(41.79% 0.0515 36.18) 38.7%, oklch(45.40% 0.0569 39.33) 41.9%, oklch(49.93% 0.0641 43.31) 45.2%, oklch(54.98% 0.0722 47.56) 48.4%, oklch(60.15% 0.0806 51.47) 51.6%, oklch(65.01% 0.0885 54.47) 54.8%, oklch(69.16% 0.0952 55.96) 58.1%, oklch(72.19% 0.1001 55.36) 61.3%, oklch(73.68% 0.1023 52.09) 64.5%, oklch(73.24% 0.1012 45.51) 67.7%, oklch(70.85% 0.0968 34.78) 71.0%, oklch(66.86% 0.0897 20.50) 74.2%, oklch(61.66% 0.0805 3.57) 77.4%, oklch(55.61% 0.0700 344.90) 80.6%, oklch(49.09% 0.0586 325.42) 83.9%, oklch(42.47% 0.0471 306.02) 87.1%, oklch(36.13% 0.0361 287.62) 90.3%, oklch(30.42% 0.0263 271.12) 93.5%, oklch(25.74% 0.0181 257.45) 96.8%, oklch(22.44% 0.0124 247.51) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.697 | 0.117 | 61.9 |
| 2 | 0.39 | 0.048 | 34.4 |
| 3 | 0.736 | 0.102 | 48.1 |
| 4 | 0.224 | 0.012 | -112.5 |

## Other forms

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