# Analogous gray, dark green and tan linear gradient

Analogous gray, dark green and tan linear gradient with 32 colors: #364c55, #354c52, #344d4f, #344c4a, #364c44, #3a4b3f, #3f4b3a, #444c37, #4a4e35, #525134, #5a5533, #635a32, #6d5f31, #77652f, #816b2e, #8b712e, #95762f, #9e7d31, #a88334, #b28b37, #bb923b, #c39a40, #cba144, #d1a849, #d7ae4e, #dbb453, #dfbb59, #e2c060, #e4c666, #e6cb6c, #e7cf70, #e8d274. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWZhagNA2zEiiPHgLL_barBI`
- Page: https://grabient.com/kWZhagNA2zEiiPHgLL_barBI?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, vivid, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 6.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 | `#364c55` | `oklch(40.16% 0.0303 225.00)` | Iron Head | white, 9 to 1 |
| 2 | `#354c52` | `oklch(40.11% 0.0305 215.71)` | Galenite Blue | white, 9 to 1 |
| 3 | `#344d4f` | `oklch(39.93% 0.0304 202.68)` | Similar to Slate | white, 9.1 to 1 |
| 4 | `#344c4a` | `oklch(39.70% 0.0302 187.14)` | Tree Bark Green | white, 9.1 to 1 |
| 5 | `#364c44` | `oklch(39.53% 0.0303 170.29)` | Garnet Black Green | white, 9.2 to 1 |
| 6 | `#3a4b3f` | `oklch(39.50% 0.0308 153.35)` | Dard Hunter Green | white, 9.2 to 1 |
| 7 | `#3f4b3a` | `oklch(39.71% 0.0322 137.52)` | Copper Pyrite Green | white, 9.1 to 1 |
| 8 | `#444c37` | `oklch(40.26% 0.0346 124.02)` | Matsuba Green | white, 9 to 1 |
| 9 | `#4a4e35` | `oklch(41.23% 0.0383 113.99)` | Waiouru | white, 8.6 to 1 |
| 10 | `#525134` | `oklch(42.65% 0.0438 106.57)` | Warplock Bronze | white, 8.1 to 1 |
| 11 | `#5a5533` | `oklch(44.44% 0.0508 100.92)` | Bronze Icon | white, 7.5 to 1 |
| 12 | `#635a32` | `oklch(46.51% 0.0588 96.69)` | Beach Casuarina | white, 6.9 to 1 |
| 13 | `#6d5f31` | `oklch(48.78% 0.0673 93.56)` | Rationality | white, 6.3 to 1 |
| 14 | `#77652f` | `oklch(51.16% 0.0758 91.21)` | Himalaya | white, 5.7 to 1 |
| 15 | `#816b2e` | `oklch(53.58% 0.0838 89.30)` | Time Honoured | white, 5.1 to 1 |
| 16 | `#8b712e` | `oklch(55.95% 0.0907 87.51)` | Corn Harvest | white, 4.6 to 1 |
| 17 | `#95762f` | `oklch(58.23% 0.0964 85.67)` | Cardueline Finch | black, 4.9 to 1 |
| 18 | `#9e7d31` | `oklch(60.64% 0.1016 84.39)` | Arlington Bronze | black, 5.4 to 1 |
| 19 | `#a88334` | `oklch(63.16% 0.1063 83.70)` | Cloisonné Gold | black, 5.9 to 1 |
| 20 | `#b28b37` | `oklch(65.72% 0.1106 83.50)` | Mineral Umber | black, 6.6 to 1 |
| 21 | `#bb923b` | `oklch(68.27% 0.1143 83.67)` | Wheat Beer | black, 7.3 to 1 |
| 22 | `#c39a40` | `oklch(70.72% 0.1176 84.11)` | Golden Spice | black, 8 to 1 |
| 23 | `#cba144` | `oklch(73.03% 0.1202 84.71)` | Golden Touch | black, 8.7 to 1 |
| 24 | `#d1a849` | `oklch(75.11% 0.1222 85.35)` | Brassed Off | black, 9.4 to 1 |
| 25 | `#d7ae4e` | `oklch(76.98% 0.1234 86.12)` | Golden Rule | black, 10 to 1 |
| 26 | `#dbb453` | `oklch(78.73% 0.1236 87.32)` | High Honey | black, 10.7 to 1 |
| 27 | `#dfbb59` | `oklch(80.38% 0.1230 88.83)` | Sun God | black, 11.3 to 1 |
| 28 | `#e2c060` | `oklch(81.88% 0.1219 90.51)` | Candelabra | black, 11.9 to 1 |
| 29 | `#e4c666` | `oklch(83.24% 0.1204 92.22)` | Tasman Honey Yellow | black, 12.5 to 1 |
| 30 | `#e6cb6c` | `oklch(84.43% 0.1190 93.81)` | Le Bon Dijon | black, 13 to 1 |
| 31 | `#e7cf70` | `oklch(85.43% 0.1178 95.15)` | Golden Sand | black, 13.5 to 1 |
| 32 | `#e8d274` | `oklch(86.22% 0.1171 96.08)` | Funky Yellow | black, 13.8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #364c55 0.0%, #354c52 3.2%, #344d4f 6.5%, #344c4a 9.7%, #364c44 12.9%, #3a4b3f 16.1%, #3f4b3a 19.4%, #444c37 22.6%, #4a4e35 25.8%, #525134 29.0%, #5a5533 32.3%, #635a32 35.5%, #6d5f31 38.7%, #77652f 41.9%, #816b2e 45.2%, #8b712e 48.4%, #95762f 51.6%, #9e7d31 54.8%, #a88334 58.1%, #b28b37 61.3%, #bb923b 64.5%, #c39a40 67.7%, #cba144 71.0%, #d1a849 74.2%, #d7ae4e 77.4%, #dbb453 80.6%, #dfbb59 83.9%, #e2c060 87.1%, #e4c666 90.3%, #e6cb6c 93.5%, #e7cf70 96.8%, #e8d274 100.0%);
background: linear-gradient(45deg in oklch, oklch(40.16% 0.0303 225.00) 0.0%, oklch(40.11% 0.0305 215.71) 3.2%, oklch(39.93% 0.0304 202.68) 6.5%, oklch(39.70% 0.0302 187.14) 9.7%, oklch(39.53% 0.0303 170.29) 12.9%, oklch(39.50% 0.0308 153.35) 16.1%, oklch(39.71% 0.0322 137.52) 19.4%, oklch(40.26% 0.0346 124.02) 22.6%, oklch(41.23% 0.0383 113.99) 25.8%, oklch(42.65% 0.0438 106.57) 29.0%, oklch(44.44% 0.0508 100.92) 32.3%, oklch(46.51% 0.0588 96.69) 35.5%, oklch(48.78% 0.0673 93.56) 38.7%, oklch(51.16% 0.0758 91.21) 41.9%, oklch(53.58% 0.0838 89.30) 45.2%, oklch(55.95% 0.0907 87.51) 48.4%, oklch(58.23% 0.0964 85.67) 51.6%, oklch(60.64% 0.1016 84.39) 54.8%, oklch(63.16% 0.1063 83.70) 58.1%, oklch(65.72% 0.1106 83.50) 61.3%, oklch(68.27% 0.1143 83.67) 64.5%, oklch(70.72% 0.1176 84.11) 67.7%, oklch(73.03% 0.1202 84.71) 71.0%, oklch(75.11% 0.1222 85.35) 74.2%, oklch(76.98% 0.1234 86.12) 77.4%, oklch(78.73% 0.1236 87.32) 80.6%, oklch(80.38% 0.1230 88.83) 83.9%, oklch(81.88% 0.1219 90.51) 87.1%, oklch(83.24% 0.1204 92.22) 90.3%, oklch(84.43% 0.1190 93.81) 93.5%, oklch(85.43% 0.1178 95.15) 96.8%, oklch(86.22% 0.1171 96.08) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.402 | 0.03 | 225 |
| 2 | 0.409 | 0.037 | 116.2 |
| 3 | 0.571 | 0.094 | 86.6 |
| 4 | 0.756 | 0.123 | 85.5 |
| 5 | 0.862 | 0.117 | 96.1 |

## In these collections

- [Daffodil raincoat morning](https://grabient.com/daffodil-raincoat-morning)

## Other forms

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