# Analogous gray, tan, orange and olive linear gradient

Analogous gray, tan, orange and olive linear gradient with 32 colors: #6f6f6f, #74726f, #79766e, #7f7a6c, #877e6b, #908369, #998866, #a38e63, #ae9360, #b8985c, #c29c58, #cca153, #d5a54f, #dea94a, #e4ad46, #e9b043, #ecb341, #edb540, #ecb841, #eaba43, #e7bc46, #e3be4a, #debf4f, #d9c154, #d4c15a, #cec25f, #c9c264, #c4c369, #c0c36e, #bdc371, #bac374, #b8c376. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSigBAZTM-2SkxA`
- Page: https://grabient.com/kSigBAZTM-2SkxA?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: pastel, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.7 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 | `#6f6f6f` | `oklch(54.33% 0.0000 89.88)` | Welded Iron | white, 4.9 to 1 |
| 2 | `#74726f` | `oklch(55.29% 0.0055 89.57)` | Dull | white, 4.7 to 1 |
| 3 | `#79766e` | `oklch(56.53% 0.0126 88.92)` | Forest Floor Khaki | black, 4.6 to 1 |
| 4 | `#7f7a6c` | `oklch(58.01% 0.0211 88.09)` | Rogue | black, 4.9 to 1 |
| 5 | `#877e6b` | `oklch(59.68% 0.0307 87.12)` | Clay Bath | black, 5.2 to 1 |
| 6 | `#908369` | `oklch(61.50% 0.0413 86.07)` | Ceramic Pot | black, 5.6 to 1 |
| 7 | `#998866` | `oklch(63.43% 0.0525 84.97)` | Treasure Chamber | black, 6 to 1 |
| 8 | `#a38e63` | `oklch(65.43% 0.0640 83.87)` | Rattan | black, 6.5 to 1 |
| 9 | `#ae9360` | `oklch(67.46% 0.0757 82.81)` | Sconce | black, 7.1 to 1 |
| 10 | `#b8985c` | `oklch(69.48% 0.0872 81.83)` | Golden Bear | black, 7.6 to 1 |
| 11 | `#c29c58` | `oklch(71.45% 0.0983 80.97)` | Steampunk Gold | black, 8.2 to 1 |
| 12 | `#cca153` | `oklch(73.33% 0.1087 80.29)` | Bright Gold | black, 8.7 to 1 |
| 13 | `#d5a54f` | `oklch(75.07% 0.1183 79.82)` | Plantain Chips | black, 9.3 to 1 |
| 14 | `#dea94a` | `oklch(76.64% 0.1266 79.61)` | Brass Mesh | black, 9.8 to 1 |
| 15 | `#e4ad46` | `oklch(77.99% 0.1335 79.70)` | Lemon Essence | black, 10.3 to 1 |
| 16 | `#e9b043` | `oklch(79.09% 0.1387 80.13)` | Mì Chéng Honey | black, 10.7 to 1 |
| 17 | `#ecb341` | `oklch(79.90% 0.1420 80.96)` | Dairy Made | black, 11 to 1 |
| 18 | `#edb540` | `oklch(80.50% 0.1436 82.26)` | Dairy Made | black, 11.3 to 1 |
| 19 | `#ecb841` | `oklch(80.91% 0.1439 83.98)` | Golden Glam | black, 11.4 to 1 |
| 20 | `#eaba43` | `oklch(81.16% 0.1430 86.05)` | Capital Yellow | black, 11.6 to 1 |
| 21 | `#e7bc46` | `oklch(81.27% 0.1410 88.41)` | Midas Touch | black, 11.6 to 1 |
| 22 | `#e3be4a` | `oklch(81.26% 0.1381 91.00)` | Brass Balls | black, 11.7 to 1 |
| 23 | `#debf4f` | `oklch(81.15% 0.1345 93.76)` | Buried Gold | black, 11.7 to 1 |
| 24 | `#d9c154` | `oklch(80.96% 0.1304 96.61)` | Cream Gold | black, 11.6 to 1 |
| 25 | `#d4c15a` | `oklch(80.72% 0.1260 99.50)` | Sunlit Meadow | black, 11.6 to 1 |
| 26 | `#cec25f` | `oklch(80.43% 0.1214 102.36)` | Sulphur Yellow | black, 11.5 to 1 |
| 27 | `#c9c264` | `oklch(80.13% 0.1169 105.13)` | Powdered Green Tea | black, 11.4 to 1 |
| 28 | `#c4c369` | `oklch(79.84% 0.1125 107.74)` | Powdered Green Tea | black, 11.3 to 1 |
| 29 | `#c0c36e` | `oklch(79.57% 0.1085 110.14)` | Powdered Green Tea | black, 11.2 to 1 |
| 30 | `#bdc371` | `oklch(79.35% 0.1051 112.25)` | Mélange Green | black, 11.1 to 1 |
| 31 | `#bac374` | `oklch(79.20% 0.1024 114.01)` | Zoodles | black, 11.1 to 1 |
| 32 | `#b8c376` | `oklch(79.13% 0.1006 115.36)` | Zoodles | black, 11.1 to 1 |

## CSS

```css
background: linear-gradient(45deg, #6f6f6f 0.0%, #74726f 3.2%, #79766e 6.5%, #7f7a6c 9.7%, #877e6b 12.9%, #908369 16.1%, #998866 19.4%, #a38e63 22.6%, #ae9360 25.8%, #b8985c 29.0%, #c29c58 32.3%, #cca153 35.5%, #d5a54f 38.7%, #dea94a 41.9%, #e4ad46 45.2%, #e9b043 48.4%, #ecb341 51.6%, #edb540 54.8%, #ecb841 58.1%, #eaba43 61.3%, #e7bc46 64.5%, #e3be4a 67.7%, #debf4f 71.0%, #d9c154 74.2%, #d4c15a 77.4%, #cec25f 80.6%, #c9c264 83.9%, #c4c369 87.1%, #c0c36e 90.3%, #bdc371 93.5%, #bac374 96.8%, #b8c376 100.0%);
background: linear-gradient(45deg in oklch, oklch(54.33% 0.0000 89.88) 0.0%, oklch(55.29% 0.0055 89.57) 3.2%, oklch(56.53% 0.0126 88.92) 6.5%, oklch(58.01% 0.0211 88.09) 9.7%, oklch(59.68% 0.0307 87.12) 12.9%, oklch(61.50% 0.0413 86.07) 16.1%, oklch(63.43% 0.0525 84.97) 19.4%, oklch(65.43% 0.0640 83.87) 22.6%, oklch(67.46% 0.0757 82.81) 25.8%, oklch(69.48% 0.0872 81.83) 29.0%, oklch(71.45% 0.0983 80.97) 32.3%, oklch(73.33% 0.1087 80.29) 35.5%, oklch(75.07% 0.1183 79.82) 38.7%, oklch(76.64% 0.1266 79.61) 41.9%, oklch(77.99% 0.1335 79.70) 45.2%, oklch(79.09% 0.1387 80.13) 48.4%, oklch(79.90% 0.1420 80.96) 51.6%, oklch(80.50% 0.1436 82.26) 54.8%, oklch(80.91% 0.1439 83.98) 58.1%, oklch(81.16% 0.1430 86.05) 61.3%, oklch(81.27% 0.1410 88.41) 64.5%, oklch(81.26% 0.1381 91.00) 67.7%, oklch(81.15% 0.1345 93.76) 71.0%, oklch(80.96% 0.1304 96.61) 74.2%, oklch(80.72% 0.1260 99.50) 77.4%, oklch(80.43% 0.1214 102.36) 80.6%, oklch(80.13% 0.1169 105.13) 83.9%, oklch(79.84% 0.1125 107.74) 87.1%, oklch(79.57% 0.1085 110.14) 90.3%, oklch(79.35% 0.1051 112.25) 93.5%, oklch(79.20% 0.1024 114.01) 96.8%, oklch(79.13% 0.1006 115.36) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.543 | 0 | 90 |
| 2 | 0.795 | 0.141 | 80.5 |
| 3 | 0.791 | 0.101 | 115.4 |

## In these collections

- [Monsoon rice field](https://grabient.com/monsoon-rice-field)

## Other forms

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