# Sage burgundy uniform diagonal

Purple, brown and gray linear gradient with 40 colors: #663f55, #6a4256, #704656, #774c56, #7e5256, #855a57, #8b6258, #916c5b, #97765f, #9b8064, #9e8b6b, #a19673, #a3a07d, #a5a987, #a7b191, #a8b89a, #a9bea2, #aac3a8, #aac6ac, #aac8ae, #a9c8ae, #a8c6aa, #a5c2a3, #a3bd9a, #a1b68f, #a0ae82, #a0a474, #9f9966, #9f8d59, #9f804d, #9d7345, #9a663f, #96593e, #904d3f, #8a4241, #823944, #7a3148, #722a4a, #6b254d, #66224f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Purple, brown and gray linear gradient
- Seed: `kSay31ZhHTa8orE`
- Page: https://grabient.com/kSay31ZhHTa8orE?steps=40&angle=225
- Drawn as: linear gradient, 40 steps, 225 degrees
- Kinds: light center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 6 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 | `#663f55` | `oklch(42.13% 0.0620 344.53)` | Primitive Plum | white, 8.7 to 1 |
| 2 | `#6a4256` | `oklch(43.30% 0.0615 349.59)` | Chilled Wine | white, 8.2 to 1 |
| 3 | `#704656` | `oklch(44.85% 0.0608 356.19)` | Deep Carmine | white, 7.7 to 1 |
| 4 | `#774c56` | `oklch(46.71% 0.0599 4.13)` | Nocturne Red | white, 7.1 to 1 |
| 5 | `#7e5256` | `oklch(48.85% 0.0588 13.20)` | Deep Rhubarb | white, 6.5 to 1 |
| 6 | `#855a57` | `oklch(51.20% 0.0576 23.20)` | Red Willow | white, 5.8 to 1 |
| 7 | `#8b6258` | `oklch(53.73% 0.0563 33.94)` | Natural Copper | white, 5.2 to 1 |
| 8 | `#916c5b` | `oklch(56.38% 0.0549 45.21)` | Wild Cattail | white, 4.6 to 1 |
| 9 | `#97765f` | `oklch(59.11% 0.0535 56.82)` | Dark Toast | black, 5 to 1 |
| 10 | `#9b8064` | `oklch(61.87% 0.0521 68.56)` | Weaver’s Tool | black, 5.6 to 1 |
| 11 | `#9e8b6b` | `oklch(64.61% 0.0508 80.23)` | Nut | black, 6.3 to 1 |
| 12 | `#a19673` | `oklch(67.27% 0.0496 91.63)` | California Roll | black, 7.1 to 1 |
| 13 | `#a3a07d` | `oklch(69.82% 0.0485 102.56)` | Cross Country | black, 7.8 to 1 |
| 14 | `#a5a987` | `oklch(72.21% 0.0476 112.83)` | Meditation Time | black, 8.6 to 1 |
| 15 | `#a7b191` | `oklch(74.38% 0.0469 122.22)` | Family Tree | black, 9.3 to 1 |
| 16 | `#a8b89a` | `oklch(76.28% 0.0464 130.55)` | Laurel Green | black, 10 to 1 |
| 17 | `#a9bea2` | `oklch(77.88% 0.0462 137.60)` | Pale Sage | black, 10.6 to 1 |
| 18 | `#aac3a8` | `oklch(79.12% 0.0463 143.18)` | Spring Leaves | black, 11 to 1 |
| 19 | `#aac6ac` | `oklch(79.94% 0.0468 147.09)` | Pastel Meadow | black, 11.4 to 1 |
| 20 | `#aac8ae` | `oklch(80.32% 0.0476 149.13)` | Pastel Meadow | black, 11.5 to 1 |
| 21 | `#a9c8ae` | `oklch(80.18% 0.0489 149.10)` | Pastel Meadow | black, 11.5 to 1 |
| 22 | `#a8c6aa` | `oklch(79.54% 0.0507 147.01)` | Green Bark | black, 11.2 to 1 |
| 23 | `#a5c2a3` | `oklch(78.42% 0.0530 143.04)` | Pale Mint | black, 10.8 to 1 |
| 24 | `#a3bd9a` | `oklch(76.89% 0.0558 137.40)` | Spring Rain | black, 10.2 to 1 |
| 25 | `#a1b68f` | `oklch(75.00% 0.0589 130.28)` | Haven | black, 9.6 to 1 |
| 26 | `#a0ae82` | `oklch(72.79% 0.0623 121.90)` | Fresh Guacamole | black, 8.8 to 1 |
| 27 | `#a0a474` | `oklch(70.31% 0.0660 112.44)` | Cucuzza Verde | black, 8 to 1 |
| 28 | `#9f9966` | `oklch(67.62% 0.0699 102.11)` | Hiking | black, 7.2 to 1 |
| 29 | `#9f8d59` | `oklch(64.77% 0.0739 91.11)` | Fallow Deer | black, 6.4 to 1 |
| 30 | `#9f804d` | `oklch(61.80% 0.0780 79.65)` | Heart of Gold | black, 5.6 to 1 |
| 31 | `#9d7345` | `oklch(58.77% 0.0822 67.92)` | Bone Brown | black, 4.9 to 1 |
| 32 | `#9a663f` | `oklch(55.73% 0.0863 56.12)` | Frappé au Chocolat | white, 4.8 to 1 |
| 33 | `#96593e` | `oklch(52.73% 0.0903 44.46)` | Coconut | white, 5.5 to 1 |
| 34 | `#904d3f` | `oklch(49.81% 0.0943 33.13)` | New Brick | white, 6.3 to 1 |
| 35 | `#8a4241` | `oklch(47.03% 0.0980 22.34)` | Country Lane Red | white, 7.1 to 1 |
| 36 | `#823944` | `oklch(44.45% 0.1014 12.29)` | Ripe Rhubarb | white, 8 to 1 |
| 37 | `#7a3148` | `oklch(42.10% 0.1046 3.17)` | Rhododendron | white, 8.9 to 1 |
| 38 | `#722a4a` | `oklch(40.05% 0.1074 355.20)` | Bordeaux Red | white, 9.7 to 1 |
| 39 | `#6b254d` | `oklch(38.33% 0.1097 348.57)` | Ebizome Purple | white, 10.4 to 1 |
| 40 | `#66224f` | `oklch(37.01% 0.1116 343.47)` | Plum Caspia | white, 11 to 1 |

## CSS

```css
background: linear-gradient(225deg, #663f55 0.0%, #6a4256 2.6%, #704656 5.1%, #774c56 7.7%, #7e5256 10.3%, #855a57 12.8%, #8b6258 15.4%, #916c5b 17.9%, #97765f 20.5%, #9b8064 23.1%, #9e8b6b 25.6%, #a19673 28.2%, #a3a07d 30.8%, #a5a987 33.3%, #a7b191 35.9%, #a8b89a 38.5%, #a9bea2 41.0%, #aac3a8 43.6%, #aac6ac 46.2%, #aac8ae 48.7%, #a9c8ae 51.3%, #a8c6aa 53.8%, #a5c2a3 56.4%, #a3bd9a 59.0%, #a1b68f 61.5%, #a0ae82 64.1%, #a0a474 66.7%, #9f9966 69.2%, #9f8d59 71.8%, #9f804d 74.4%, #9d7345 76.9%, #9a663f 79.5%, #96593e 82.1%, #904d3f 84.6%, #8a4241 87.2%, #823944 89.7%, #7a3148 92.3%, #722a4a 94.9%, #6b254d 97.4%, #66224f 100.0%);
background: linear-gradient(225deg in oklch, oklch(42.13% 0.0620 344.53) 0.0%, oklch(43.30% 0.0615 349.59) 2.6%, oklch(44.85% 0.0608 356.19) 5.1%, oklch(46.71% 0.0599 4.13) 7.7%, oklch(48.85% 0.0588 13.20) 10.3%, oklch(51.20% 0.0576 23.20) 12.8%, oklch(53.73% 0.0563 33.94) 15.4%, oklch(56.38% 0.0549 45.21) 17.9%, oklch(59.11% 0.0535 56.82) 20.5%, oklch(61.87% 0.0521 68.56) 23.1%, oklch(64.61% 0.0508 80.23) 25.6%, oklch(67.27% 0.0496 91.63) 28.2%, oklch(69.82% 0.0485 102.56) 30.8%, oklch(72.21% 0.0476 112.83) 33.3%, oklch(74.38% 0.0469 122.22) 35.9%, oklch(76.28% 0.0464 130.55) 38.5%, oklch(77.88% 0.0462 137.60) 41.0%, oklch(79.12% 0.0463 143.18) 43.6%, oklch(79.94% 0.0468 147.09) 46.2%, oklch(80.32% 0.0476 149.13) 48.7%, oklch(80.18% 0.0489 149.10) 51.3%, oklch(79.54% 0.0507 147.01) 53.8%, oklch(78.42% 0.0530 143.04) 56.4%, oklch(76.89% 0.0558 137.40) 59.0%, oklch(75.00% 0.0589 130.28) 61.5%, oklch(72.79% 0.0623 121.90) 64.1%, oklch(70.31% 0.0660 112.44) 66.7%, oklch(67.62% 0.0699 102.11) 69.2%, oklch(64.77% 0.0739 91.11) 71.8%, oklch(61.80% 0.0780 79.65) 74.4%, oklch(58.77% 0.0822 67.92) 76.9%, oklch(55.73% 0.0863 56.12) 79.5%, oklch(52.73% 0.0903 44.46) 82.1%, oklch(49.81% 0.0943 33.13) 84.6%, oklch(47.03% 0.0980 22.34) 87.2%, oklch(44.45% 0.1014 12.29) 89.7%, oklch(42.10% 0.1046 3.17) 92.3%, oklch(40.05% 0.1074 355.20) 94.9%, oklch(38.33% 0.1097 348.57) 97.4%, oklch(37.01% 0.1116 343.47) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.421 | 0.062 | 344.5 |
| 2 | 0.803 | 0.048 | 509.4 |
| 3 | 0.37 | 0.112 | 343.5 |

## In these collections

- [School uniform](https://grabient.com/school-uniform)

## Other forms

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