# Muted sage rust fan

Gray, green, brown and red angular swatches with 13 colors: #c1bbba, #b8b7a6, #95b7a4, #7eb494, #6caf84, #61a776, #5d9f68, #649559, #70884f, #817b41, #996c3a, #b35e35, #cb4e33. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray, green, brown and red angular swatches
- Seed: `kcygUVYA5OlqewDUpb-TyW-sodPPIIjkyrw84`
- Page: https://grabient.com/kcygUVYA5OlqewDUpb-TyW-sodPPIIjkyrw84?style=angularSwatches&steps=13&angle=225
- Drawn as: angular swatches, 13 steps, 225 degrees
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.4 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 | `#c1bbba` | `oklch(79.53% 0.0069 29.53)` | Grape Creme | black, 11 to 1 |
| 2 | `#b8b7a6` | `oklch(77.46% 0.0228 104.01)` | Pine Crush | black, 10.3 to 1 |
| 3 | `#95b7a4` | `oklch(74.90% 0.0457 160.62)` | Greyed Jade | black, 9.5 to 1 |
| 4 | `#7eb494` | `oklch(72.38% 0.0742 157.98)` | Padua | black, 8.8 to 1 |
| 5 | `#6caf84` | `oklch(69.70% 0.0931 154.89)` | Lily Pads | black, 8 to 1 |
| 6 | `#61a776` | `oklch(66.92% 0.1025 152.65)` | Aqua Forest | black, 7.3 to 1 |
| 7 | `#5d9f68` | `oklch(64.32% 0.1060 148.22)` | Mosaic Green | black, 6.6 to 1 |
| 8 | `#649559` | `oklch(61.86% 0.1021 140.05)` | Abundance | black, 5.9 to 1 |
| 9 | `#70884f` | `oklch(59.39% 0.0858 127.54)` | Green Suede | black, 5.3 to 1 |
| 10 | `#817b41` | `oklch(57.62% 0.0794 103.40)` | Tribal | black, 4.8 to 1 |
| 11 | `#996c3a` | `oklch(56.72% 0.0876 67.16)` | Horsing Around | white, 4.6 to 1 |
| 12 | `#b35e35` | `oklch(57.36% 0.1231 45.02)` | Gold Varnish Brown | white, 4.6 to 1 |
| 13 | `#cb4e33` | `oklch(58.66% 0.1654 33.76)` | Fox | black, 4.6 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #c1bbba 0.000% 7.692%, #b8b7a6 7.692% 15.385%, #95b7a4 15.385% 23.077%, #7eb494 23.077% 30.769%, #6caf84 30.769% 38.462%, #61a776 38.462% 46.154%, #5d9f68 46.154% 53.846%, #649559 53.846% 61.538%, #70884f 61.538% 69.231%, #817b41 69.231% 76.923%, #996c3a 76.923% 84.615%, #b35e35 84.615% 92.308%, #cb4e33 92.308% 100.000%);
background: conic-gradient(from 225deg, oklch(79.53% 0.0069 29.53) 0.000% 7.692%, oklch(77.46% 0.0228 104.01) 7.692% 15.385%, oklch(74.90% 0.0457 160.62) 15.385% 23.077%, oklch(72.38% 0.0742 157.98) 23.077% 30.769%, oklch(69.70% 0.0931 154.89) 30.769% 38.462%, oklch(66.92% 0.1025 152.65) 38.462% 46.154%, oklch(64.32% 0.1060 148.22) 46.154% 53.846%, oklch(61.86% 0.1021 140.05) 53.846% 61.538%, oklch(59.39% 0.0858 127.54) 61.538% 69.231%, oklch(57.62% 0.0794 103.40) 69.231% 76.923%, oklch(56.72% 0.0876 67.16) 76.923% 84.615%, oklch(57.36% 0.1231 45.02) 84.615% 92.308%, oklch(58.66% 0.1654 33.76) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.795 | 0.007 | 29.5 |
| 2 | 0.756 | 0.039 | 153.2 |
| 3 | 0.713 | 0.084 | 155.3 |
| 4 | 0.665 | 0.103 | 152.1 |
| 5 | 0.622 | 0.103 | 141.5 |
| 6 | 0.583 | 0.08 | 116.2 |
| 7 | 0.567 | 0.094 | 59.1 |
| 8 | 0.587 | 0.165 | 33.8 |

## In these collections

- [Desert colors](https://grabient.com/desert-colors)
- [Earth tone swatches](https://grabient.com/earth-tone-swatches)

## Other forms

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