# Crimson and sage red and green palette

The Crimson and sage red and green palette brings together red, green, and dark red. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark red, and its lightest tone is green.

- Also called: Tritone brown, olive and dark green linear gradient
- Seed: `kUhlQUWR_Ki2TxMjmq1g`
- Page: https://grabient.com/kUhlQUWR_Ki2TxMjmq1g?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 5.8 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 | `#a34d44` | `oklch(52.76% 0.1157 28.13)` | Redrock Canyon | white, 5.6 to 1 |
| 2 | `#a65341` | `oklch(53.97% 0.1141 33.48)` | Indian Summer | white, 5.3 to 1 |
| 3 | `#aa5b3e` | `oklch(55.80% 0.1120 40.59)` | Gladiator Leather | white, 4.9 to 1 |
| 4 | `#ae653b` | `oklch(58.06% 0.1096 49.09)` | Fudgesicle | black, 4.7 to 1 |
| 5 | `#b1713b` | `oklch(60.57% 0.1068 58.60)` | Reno Sand | black, 5.2 to 1 |
| 6 | `#b27d3e` | `oklch(63.14% 0.1039 68.74)` | Vintage Lincoln | black, 5.9 to 1 |
| 7 | `#b28943` | `oklch(65.58% 0.1007 79.13)` | Butterscotch Ripple | black, 6.5 to 1 |
| 8 | `#af944c` | `oklch(67.70% 0.0975 89.41)` | Obsession | black, 7.1 to 1 |
| 9 | `#ab9d56` | `oklch(69.32% 0.0942 99.18)` | Organic Matter | black, 7.7 to 1 |
| 10 | `#a4a45f` | `oklch(70.24% 0.0910 108.09)` | Rickrack | black, 8 to 1 |
| 11 | `#9da666` | `oklch(70.29% 0.0878 115.74)` | Green Smoke | black, 8 to 1 |
| 12 | `#93a569` | `oklch(69.27% 0.0847 122.36)` | Banana Palm | black, 7.8 to 1 |
| 13 | `#86a06a` | `oklch(67.19% 0.0811 129.51)` | Jack Bone | black, 7.2 to 1 |
| 14 | `#779869` | `oklch(64.25% 0.0773 136.92)` | Mosslands | black, 6.4 to 1 |
| 15 | `#678e66` | `oklch(60.66% 0.0733 144.19)` | Stone Green | black, 5.6 to 1 |
| 16 | `#588261` | `oklch(56.64% 0.0692 150.91)` | Soylent Green | black, 4.7 to 1 |
| 17 | `#49765b` | `oklch(52.39% 0.0654 156.69)` | Como | white, 5.2 to 1 |
| 18 | `#3c6953` | `oklch(48.13% 0.0618 161.11)` | Toad King | white, 6.2 to 1 |
| 19 | `#315d4a` | `oklch(44.07% 0.0587 163.76)` | Wine Leaf | white, 7.5 to 1 |
| 20 | `#295241` | `oklch(40.42% 0.0561 164.26)` | Fresh Mint | white, 8.7 to 1 |
| 21 | `#234a38` | `oklch(37.39% 0.0544 162.18)` | County Green | white, 9.9 to 1 |
| 22 | `#214330` | `oklch(35.17% 0.0536 157.02)` | Everglade | white, 10.9 to 1 |
| 23 | `#223e26` | `oklch(33.46% 0.0538 147.52)` | Mizukaze Green | white, 11.7 to 1 |
| 24 | `#27391b` | `oklch(32.11% 0.0549 134.13)` | Deep Fir | white, 12.4 to 1 |
| 25 | `#2e340f` | `oklch(31.06% 0.0568 117.82)` | Olivenite | white, 12.9 to 1 |
| 26 | `#362f04` | `oklch(30.26% 0.0591 99.56)` | Swamp of Sorrows | white, 13.4 to 1 |
| 27 | `#3d2900` | `oklch(29.67% 0.0614 80.13)` | Secret Passage | white, 13.8 to 1 |
| 28 | `#422303` | `oklch(29.22% 0.0646 61.01)` | Blackened Brown | white, 14.2 to 1 |
| 29 | `#461e0d` | `oklch(28.87% 0.0673 42.65)` | Barbecue Sauce | white, 14.4 to 1 |
| 30 | `#471a17` | `oklch(28.58% 0.0697 26.18)` | Barbecue Sauce | white, 14.7 to 1 |
| 31 | `#461820` | `oklch(28.29% 0.0717 12.56)` | Vino Tinto | white, 14.8 to 1 |
| 32 | `#451625` | `oklch(27.95% 0.0730 2.76)` | What We Do in the Shadows | white, 15 to 1 |

## CSS

```css
background: linear-gradient(90deg, #a34d44 0.0%, #a65341 3.2%, #aa5b3e 6.5%, #ae653b 9.7%, #b1713b 12.9%, #b27d3e 16.1%, #b28943 19.4%, #af944c 22.6%, #ab9d56 25.8%, #a4a45f 29.0%, #9da666 32.3%, #93a569 35.5%, #86a06a 38.7%, #779869 41.9%, #678e66 45.2%, #588261 48.4%, #49765b 51.6%, #3c6953 54.8%, #315d4a 58.1%, #295241 61.3%, #234a38 64.5%, #214330 67.7%, #223e26 71.0%, #27391b 74.2%, #2e340f 77.4%, #362f04 80.6%, #3d2900 83.9%, #422303 87.1%, #461e0d 90.3%, #471a17 93.5%, #461820 96.8%, #451625 100.0%);
background: linear-gradient(90deg in oklch, oklch(52.76% 0.1157 28.13) 0.0%, oklch(53.97% 0.1141 33.48) 3.2%, oklch(55.80% 0.1120 40.59) 6.5%, oklch(58.06% 0.1096 49.09) 9.7%, oklch(60.57% 0.1068 58.60) 12.9%, oklch(63.14% 0.1039 68.74) 16.1%, oklch(65.58% 0.1007 79.13) 19.4%, oklch(67.70% 0.0975 89.41) 22.6%, oklch(69.32% 0.0942 99.18) 25.8%, oklch(70.24% 0.0910 108.09) 29.0%, oklch(70.29% 0.0878 115.74) 32.3%, oklch(69.27% 0.0847 122.36) 35.5%, oklch(67.19% 0.0811 129.51) 38.7%, oklch(64.25% 0.0773 136.92) 41.9%, oklch(60.66% 0.0733 144.19) 45.2%, oklch(56.64% 0.0692 150.91) 48.4%, oklch(52.39% 0.0654 156.69) 51.6%, oklch(48.13% 0.0618 161.11) 54.8%, oklch(44.07% 0.0587 163.76) 58.1%, oklch(40.42% 0.0561 164.26) 61.3%, oklch(37.39% 0.0544 162.18) 64.5%, oklch(35.17% 0.0536 157.02) 67.7%, oklch(33.46% 0.0538 147.52) 71.0%, oklch(32.11% 0.0549 134.13) 74.2%, oklch(31.06% 0.0568 117.82) 77.4%, oklch(30.26% 0.0591 99.56) 80.6%, oklch(29.67% 0.0614 80.13) 83.9%, oklch(29.22% 0.0646 61.01) 87.1%, oklch(28.87% 0.0673 42.65) 90.3%, oklch(28.58% 0.0697 26.18) 93.5%, oklch(28.29% 0.0717 12.56) 96.8%, oklch(27.95% 0.0730 2.76) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.528 | 0.116 | 28.1 |
| 2 | 0.701 | 0.087 | 117.9 |
| 3 | 0.358 | 0.054 | 159.2 |
| 4 | 0.28 | 0.073 | 2.8 |

## In these collections

- [Red and green gradients](https://grabient.com/red-and-green-gradients)

## Other forms

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