# Muted green red orange gradient

Analogous gray, brown and maroon linear gradient with 48 colors: #add0bc, #aacdb7, #a7cab0, #a3c5a7, #a0c09e, #9dba93, #9bb487, #9aac7a, #99a46d, #999c5f, #9a9351, #9a8943, #9b7f35, #9b7528, #9c6b1c, #9b6112, #9a570b, #994d09, #97440c, #953c11, #933416, #912e1b, #8f281f, #8e2422, #8d2225, #8c2127, #8d2129, #8d222b, #8f252c, #91282d, #932c2e, #95302f, #98352f, #9b3b30, #9e4031, #a14632, #a44c33, #a65235, #a95837, #ab5e3a, #ae643c, #b0693f, #b26e42, #b37345, #b57748, #b67b4b, #b77e4d, #b8804f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous gray, brown and maroon linear gradient
- Seed: `kS0iJyNrOv9IixC`
- Page: https://grabient.com/kS0iJyNrOv9IixC?steps=48&angle=45
- Drawn as: linear gradient, 48 steps, 45 degrees
- Kinds: dark center, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.3 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 | `#add0bc` | `oklch(82.68% 0.0469 160.31)` | Misty Jade | black, 12.5 to 1 |
| 2 | `#aacdb7` | `oklch(81.71% 0.0492 157.05)` | Bird’s Egg Green | black, 12.1 to 1 |
| 3 | `#a7cab0` | `oklch(80.51% 0.0520 153.05)` | Pastel Meadow | black, 11.6 to 1 |
| 4 | `#a3c5a7` | `oklch(79.10% 0.0554 148.40)` | Aroma Garden | black, 11.1 to 1 |
| 5 | `#a0c09e` | `oklch(77.50% 0.0592 143.16)` | Spruce Stone | black, 10.5 to 1 |
| 6 | `#9dba93` | `oklch(75.74% 0.0633 137.40)` | Quiet Green | black, 9.9 to 1 |
| 7 | `#9bb487` | `oklch(73.85% 0.0678 131.20)` | Mistletoe Kiss | black, 9.2 to 1 |
| 8 | `#9aac7a` | `oklch(71.84% 0.0726 124.62)` | Siamese Green | black, 8.5 to 1 |
| 9 | `#99a46d` | `oklch(69.74% 0.0776 117.74)` | Dry Grass | black, 7.9 to 1 |
| 10 | `#999c5f` | `oklch(67.57% 0.0828 110.62)` | Stem | black, 7.2 to 1 |
| 11 | `#9a9351` | `oklch(65.35% 0.0880 103.35)` | Tupelo Tree | black, 6.6 to 1 |
| 12 | `#9a8943` | `oklch(63.12% 0.0933 95.98)` | Sedge Grasses | black, 6 to 1 |
| 13 | `#9b7f35` | `oklch(60.89% 0.0986 88.59)` | Metallic Sunburst | black, 5.4 to 1 |
| 14 | `#9b7528` | `oklch(58.68% 0.1039 81.25)` | Mode Beige | black, 4.9 to 1 |
| 15 | `#9c6b1c` | `oklch(56.52% 0.1090 74.03)` | Cinnamon Brown | white, 4.6 to 1 |
| 16 | `#9b6112` | `oklch(54.43% 0.1140 67.01)` | Soft Tone Ink | white, 5.1 to 1 |
| 17 | `#9a570b` | `oklch(52.44% 0.1188 60.24)` | Sepia Wash | white, 5.6 to 1 |
| 18 | `#994d09` | `oklch(50.57% 0.1233 53.82)` | Burnt Bagel | white, 6.1 to 1 |
| 19 | `#97440c` | `oklch(48.84% 0.1274 47.79)` | All the Leaves Are Brown | white, 6.6 to 1 |
| 20 | `#953c11` | `oklch(47.27% 0.1312 42.24)` | Citrine Brown | white, 7.1 to 1 |
| 21 | `#933416` | `oklch(45.90% 0.1345 37.24)` | Hawaiian Malasada | white, 7.6 to 1 |
| 22 | `#912e1b` | `oklch(44.74% 0.1374 32.85)` | Bengala Red | white, 8 to 1 |
| 23 | `#8f281f` | `oklch(43.81% 0.1396 29.15)` | Borscht | white, 8.3 to 1 |
| 24 | `#8e2422` | `oklch(43.14% 0.1413 26.21)` | Old Mandarin | white, 8.6 to 1 |
| 25 | `#8d2225` | `oklch(42.75% 0.1424 24.08)` | Old Mandarin | white, 8.8 to 1 |
| 26 | `#8c2127` | `oklch(42.62% 0.1428 22.62)` | Old Mandarin | white, 8.8 to 1 |
| 27 | `#8d2129` | `oklch(42.72% 0.1427 21.78)` | Old Mandarin | white, 8.8 to 1 |
| 28 | `#8d222b` | `oklch(43.03% 0.1422 21.50)` | Old Mandarin | white, 8.7 to 1 |
| 29 | `#8f252c` | `oklch(43.54% 0.1411 21.75)` | Rio Red | white, 8.5 to 1 |
| 30 | `#91282d` | `oklch(44.22% 0.1397 22.46)` | Ancient Red | white, 8.2 to 1 |
| 31 | `#932c2e` | `oklch(45.06% 0.1379 23.59)` | Guardsman Red | white, 7.9 to 1 |
| 32 | `#95302f` | `oklch(46.03% 0.1359 25.10)` | Ripasso | white, 7.6 to 1 |
| 33 | `#98352f` | `oklch(47.12% 0.1335 26.93)` | Poisonous Apple | white, 7.2 to 1 |
| 34 | `#9b3b30` | `oklch(48.32% 0.1309 29.04)` | Ketchup | white, 6.8 to 1 |
| 35 | `#9e4031` | `oklch(49.59% 0.1281 31.38)` | Edocha | white, 6.4 to 1 |
| 36 | `#a14632` | `oklch(50.92% 0.1252 33.91)` | Toasted Paprika | white, 6.1 to 1 |
| 37 | `#a44c33` | `oklch(52.29% 0.1222 36.56)` | Texas Heatwave | white, 5.7 to 1 |
| 38 | `#a65235` | `oklch(53.68% 0.1191 39.31)` | Alfajor Brown | white, 5.4 to 1 |
| 39 | `#a95837` | `oklch(55.07% 0.1160 42.09)` | Flat Earth | white, 5 to 1 |
| 40 | `#ab5e3a` | `oklch(56.45% 0.1130 44.86)` | Fragrant Cloves | white, 4.7 to 1 |
| 41 | `#ae643c` | `oklch(57.79% 0.1100 47.58)` | Fudgesicle | black, 4.6 to 1 |
| 42 | `#b0693f` | `oklch(59.08% 0.1072 50.19)` | Ebony Lips | black, 4.9 to 1 |
| 43 | `#b26e42` | `oklch(60.29% 0.1045 52.65)` | Orange Ballad | black, 5.2 to 1 |
| 44 | `#b37345` | `oklch(61.41% 0.1020 54.91)` | Burnt Almond | black, 5.4 to 1 |
| 45 | `#b57748` | `oklch(62.42% 0.0998 56.92)` | Copper Mine | black, 5.6 to 1 |
| 46 | `#b67b4b` | `oklch(63.29% 0.0979 58.63)` | Cowboy Hat | black, 5.9 to 1 |
| 47 | `#b77e4d` | `oklch(64.01% 0.0963 60.00)` | Okonomiyaki Brown | black, 6 to 1 |
| 48 | `#b8804f` | `oklch(64.57% 0.0951 60.98)` | In a Nutshell | black, 6.2 to 1 |

## CSS

```css
background: linear-gradient(45deg, #add0bc 0.0%, #aacdb7 2.1%, #a7cab0 4.3%, #a3c5a7 6.4%, #a0c09e 8.5%, #9dba93 10.6%, #9bb487 12.8%, #9aac7a 14.9%, #99a46d 17.0%, #999c5f 19.1%, #9a9351 21.3%, #9a8943 23.4%, #9b7f35 25.5%, #9b7528 27.7%, #9c6b1c 29.8%, #9b6112 31.9%, #9a570b 34.0%, #994d09 36.2%, #97440c 38.3%, #953c11 40.4%, #933416 42.6%, #912e1b 44.7%, #8f281f 46.8%, #8e2422 48.9%, #8d2225 51.1%, #8c2127 53.2%, #8d2129 55.3%, #8d222b 57.4%, #8f252c 59.6%, #91282d 61.7%, #932c2e 63.8%, #95302f 66.0%, #98352f 68.1%, #9b3b30 70.2%, #9e4031 72.3%, #a14632 74.5%, #a44c33 76.6%, #a65235 78.7%, #a95837 80.9%, #ab5e3a 83.0%, #ae643c 85.1%, #b0693f 87.2%, #b26e42 89.4%, #b37345 91.5%, #b57748 93.6%, #b67b4b 95.7%, #b77e4d 97.9%, #b8804f 100.0%);
background: linear-gradient(45deg in oklch, oklch(82.68% 0.0469 160.31) 0.0%, oklch(81.71% 0.0492 157.05) 2.1%, oklch(80.51% 0.0520 153.05) 4.3%, oklch(79.10% 0.0554 148.40) 6.4%, oklch(77.50% 0.0592 143.16) 8.5%, oklch(75.74% 0.0633 137.40) 10.6%, oklch(73.85% 0.0678 131.20) 12.8%, oklch(71.84% 0.0726 124.62) 14.9%, oklch(69.74% 0.0776 117.74) 17.0%, oklch(67.57% 0.0828 110.62) 19.1%, oklch(65.35% 0.0880 103.35) 21.3%, oklch(63.12% 0.0933 95.98) 23.4%, oklch(60.89% 0.0986 88.59) 25.5%, oklch(58.68% 0.1039 81.25) 27.7%, oklch(56.52% 0.1090 74.03) 29.8%, oklch(54.43% 0.1140 67.01) 31.9%, oklch(52.44% 0.1188 60.24) 34.0%, oklch(50.57% 0.1233 53.82) 36.2%, oklch(48.84% 0.1274 47.79) 38.3%, oklch(47.27% 0.1312 42.24) 40.4%, oklch(45.90% 0.1345 37.24) 42.6%, oklch(44.74% 0.1374 32.85) 44.7%, oklch(43.81% 0.1396 29.15) 46.8%, oklch(43.14% 0.1413 26.21) 48.9%, oklch(42.75% 0.1424 24.08) 51.1%, oklch(42.62% 0.1428 22.62) 53.2%, oklch(42.72% 0.1427 21.78) 55.3%, oklch(43.03% 0.1422 21.50) 57.4%, oklch(43.54% 0.1411 21.75) 59.6%, oklch(44.22% 0.1397 22.46) 61.7%, oklch(45.06% 0.1379 23.59) 63.8%, oklch(46.03% 0.1359 25.10) 66.0%, oklch(47.12% 0.1335 26.93) 68.1%, oklch(48.32% 0.1309 29.04) 70.2%, oklch(49.59% 0.1281 31.38) 72.3%, oklch(50.92% 0.1252 33.91) 74.5%, oklch(52.29% 0.1222 36.56) 76.6%, oklch(53.68% 0.1191 39.31) 78.7%, oklch(55.07% 0.1160 42.09) 80.9%, oklch(56.45% 0.1130 44.86) 83.0%, oklch(57.79% 0.1100 47.58) 85.1%, oklch(59.08% 0.1072 50.19) 87.2%, oklch(60.29% 0.1045 52.65) 89.4%, oklch(61.41% 0.1020 54.91) 91.5%, oklch(62.42% 0.0998 56.92) 93.6%, oklch(63.29% 0.0979 58.63) 95.7%, oklch(64.01% 0.0963 60.00) 97.9%, oklch(64.57% 0.0951 60.98) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.827 | 0.047 | 160.3 |
| 2 | 0.429 | 0.142 | 25 |
| 3 | 0.646 | 0.095 | 61 |

## In these collections

- [Alpine thaw](https://grabient.com/alpine-thaw)

## Other forms

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