# Weathered sumac verge

Mauve, brown, olive and teal linear gradient with 32 colors: #9d8186, #a08186, #a58387, #aa8487, #af8688, #b58787, #b98885, #bd8882, #bf877d, #bf8576, #be836e, #bc8064, #b97c59, #b5794e, #af7742, #a87437, #a0732d, #957124, #896f1e, #7c6c1b, #6f6a1c, #636821, #576627, #4d652e, #446636, #3d6740, #396a4b, #386c56, #3a6f60, #3d7168, #42736e, #457472. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Mauve, brown, olive and teal linear gradient
- Seed: `kWoBoE1hlCsulRO8H0bwpLHI`
- Page: https://grabient.com/kWoBoE1hlCsulRO8H0bwpLHI?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2.2 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 | `#9d8186` | `oklch(62.99% 0.0358 6.33)` | Plumville | black, 5.8 to 1 |
| 2 | `#a08186` | `oklch(63.46% 0.0385 8.05)` | Plumville | black, 5.9 to 1 |
| 3 | `#a58387` | `oklch(64.20% 0.0420 10.21)` | Evening Shadow | black, 6.1 to 1 |
| 4 | `#aa8487` | `oklch(65.07% 0.0462 12.76)` | Natural Spring | black, 6.3 to 1 |
| 5 | `#af8688` | `oklch(65.98% 0.0509 15.70)` | Orchid Red | black, 6.5 to 1 |
| 6 | `#b58787` | `oklch(66.81% 0.0558 18.98)` | Bashful Rose | black, 6.7 to 1 |
| 7 | `#b98885` | `oklch(67.44% 0.0608 22.58)` | Toki Brown | black, 6.9 to 1 |
| 8 | `#bd8882` | `oklch(67.75% 0.0656 26.48)` | Toki Brown | black, 7 to 1 |
| 9 | `#bf877d` | `oklch(67.65% 0.0700 30.64)` | Whisky | black, 6.9 to 1 |
| 10 | `#bf8576` | `oklch(67.16% 0.0748 35.13)` | Ginger Rose | black, 6.8 to 1 |
| 11 | `#be836e` | `oklch(66.38% 0.0800 39.95)` | Kitchen Terra Cotta | black, 6.6 to 1 |
| 12 | `#bc8064` | `oklch(65.37% 0.0853 45.09)` | Sundial | black, 6.3 to 1 |
| 13 | `#b97c59` | `oklch(64.18% 0.0904 50.55)` | Pastry Shell | black, 6.1 to 1 |
| 14 | `#b5794e` | `oklch(62.87% 0.0950 56.29)` | Copper Mine | black, 5.8 to 1 |
| 15 | `#af7742` | `oklch(61.49% 0.0987 62.31)` | Gold Metal | black, 5.5 to 1 |
| 16 | `#a87437` | `oklch(60.12% 0.1012 68.61)` | Enchanting Ginger | black, 5.2 to 1 |
| 17 | `#a0732d` | `oklch(58.74% 0.1023 75.18)` | Buttered Rum | black, 4.9 to 1 |
| 18 | `#957124` | `oklch(57.07% 0.1022 82.20)` | Mode Beige | black, 4.6 to 1 |
| 19 | `#896f1e` | `oklch(55.19% 0.1009 89.61)` | Corn Harvest | white, 4.8 to 1 |
| 20 | `#7c6c1b` | `oklch(53.24% 0.0989 97.31)` | Tarnished Brass | white, 5.2 to 1 |
| 21 | `#6f6a1c` | `oklch(51.34% 0.0962 105.20)` | Brown Green | white, 5.6 to 1 |
| 22 | `#636821` | `oklch(49.64% 0.0930 113.18)` | Earthy Khaki Green | white, 5.9 to 1 |
| 23 | `#576627` | `oklch(48.27% 0.0897 121.18)` | Bimi Green | white, 6.3 to 1 |
| 24 | `#4d652e` | `oklch(47.38% 0.0863 129.08)` | Dell | white, 6.5 to 1 |
| 25 | `#446636` | `oklch(47.08% 0.0827 137.13)` | Dell | white, 6.5 to 1 |
| 26 | `#3d6740` | `oklch(47.33% 0.0782 145.93)` | Friendly Fairway | white, 6.4 to 1 |
| 27 | `#396a4b` | `oklch(47.99% 0.0731 155.11)` | Chopped Chive | white, 6.3 to 1 |
| 28 | `#386c56` | `oklch(48.91% 0.0678 164.25)` | Toad King | white, 6 to 1 |
| 29 | `#3a6f60` | `oklch(49.96% 0.0626 172.95)` | Statue of Liberty | white, 5.8 to 1 |
| 30 | `#3d7168` | `oklch(50.98% 0.0579 180.80)` | Cormorant | white, 5.5 to 1 |
| 31 | `#42736e` | `oklch(51.83% 0.0539 187.39)` | Surf Green | white, 5.3 to 1 |
| 32 | `#457472` | `oklch(52.36% 0.0510 192.32)` | Surf Green | white, 5.2 to 1 |

## CSS

```css
background: linear-gradient(225deg, #9d8186 0.0%, #a08186 3.2%, #a58387 6.5%, #aa8487 9.7%, #af8688 12.9%, #b58787 16.1%, #b98885 19.4%, #bd8882 22.6%, #bf877d 25.8%, #bf8576 29.0%, #be836e 32.3%, #bc8064 35.5%, #b97c59 38.7%, #b5794e 41.9%, #af7742 45.2%, #a87437 48.4%, #a0732d 51.6%, #957124 54.8%, #896f1e 58.1%, #7c6c1b 61.3%, #6f6a1c 64.5%, #636821 67.7%, #576627 71.0%, #4d652e 74.2%, #446636 77.4%, #3d6740 80.6%, #396a4b 83.9%, #386c56 87.1%, #3a6f60 90.3%, #3d7168 93.5%, #42736e 96.8%, #457472 100.0%);
background: linear-gradient(225deg in oklch, oklch(62.99% 0.0358 6.33) 0.0%, oklch(63.46% 0.0385 8.05) 3.2%, oklch(64.20% 0.0420 10.21) 6.5%, oklch(65.07% 0.0462 12.76) 9.7%, oklch(65.98% 0.0509 15.70) 12.9%, oklch(66.81% 0.0558 18.98) 16.1%, oklch(67.44% 0.0608 22.58) 19.4%, oklch(67.75% 0.0656 26.48) 22.6%, oklch(67.65% 0.0700 30.64) 25.8%, oklch(67.16% 0.0748 35.13) 29.0%, oklch(66.38% 0.0800 39.95) 32.3%, oklch(65.37% 0.0853 45.09) 35.5%, oklch(64.18% 0.0904 50.55) 38.7%, oklch(62.87% 0.0950 56.29) 41.9%, oklch(61.49% 0.0987 62.31) 45.2%, oklch(60.12% 0.1012 68.61) 48.4%, oklch(58.74% 0.1023 75.18) 51.6%, oklch(57.07% 0.1022 82.20) 54.8%, oklch(55.19% 0.1009 89.61) 58.1%, oklch(53.24% 0.0989 97.31) 61.3%, oklch(51.34% 0.0962 105.20) 64.5%, oklch(49.64% 0.0930 113.18) 67.7%, oklch(48.27% 0.0897 121.18) 71.0%, oklch(47.38% 0.0863 129.08) 74.2%, oklch(47.08% 0.0827 137.13) 77.4%, oklch(47.33% 0.0782 145.93) 80.6%, oklch(47.99% 0.0731 155.11) 83.9%, oklch(48.91% 0.0678 164.25) 87.1%, oklch(49.96% 0.0626 172.95) 90.3%, oklch(50.98% 0.0579 180.80) 93.5%, oklch(51.83% 0.0539 187.39) 96.8%, oklch(52.36% 0.0510 192.32) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.63 | 0.036 | 6.3 |
| 2 | 0.677 | 0.069 | 29.6 |
| 3 | 0.594 | 0.102 | 71.8 |
| 4 | 0.472 | 0.085 | 131 |
| 5 | 0.524 | 0.051 | 192.3 |

## In these collections

- [Red sumac roadside](https://grabient.com/red-sumac-roadside)

## Other forms

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