# Sage coral diagonal flare

Brown, gray, orange and maroon linear gradient with 56 colors: #501c38, #572239, #60293a, #6b333b, #763f3d, #814c40, #8c5b45, #956b4c, #9d7c56, #a38c62, #a99b70, #aea97e, #b3b58b, #b7bf97, #bbc6a0, #bfcba7, #c2cfac, #c5d1b1, #c8d3b4, #cad3b7, #cbd3b8, #cdd2b8, #cdd0b8, #cdceb6, #cdccb4, #cdcab1, #cdc7ac, #cec5a6, #d0c29f, #d2be95, #d6b988, #dcb279, #e2aa68, #e9a057, #f19546, #f78837, #fd7a2c, #ff6d2d, #ff6133, #ff5439, #ff443d, #ff3140, #fb2244, #f51a49, #ec174d, #e21950, #d81e51, #cd2351, #c22851, #b72c50, #ad304f, #a3334d, #99354c, #91364b, #8b374a, #853749. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, gray, orange and maroon linear gradient
- Seed: `kWUD745hPPWgQvJSV7fuSe-I`
- Page: https://grabient.com/kWUD745hPPWgQvJSV7fuSe-I?steps=56&angle=45
- Drawn as: linear gradient, 56 steps, 45 degrees
- Kinds: light center, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 8.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 | `#501c38` | `oklch(31.50% 0.0854 349.45)` | Tulip Poplar Purple | white, 13.4 to 1 |
| 2 | `#572239` | `oklch(33.64% 0.0841 355.23)` | Carambar | white, 12.4 to 1 |
| 3 | `#60293a` | `oklch(36.43% 0.0823 2.89)` | Windsor Wine | white, 11.1 to 1 |
| 4 | `#6b333b` | `oklch(39.77% 0.0802 12.10)` | Chestnut Red | white, 9.6 to 1 |
| 5 | `#763f3d` | `oklch(43.55% 0.0778 22.52)` | Sequoia Redwood | white, 8.2 to 1 |
| 6 | `#814c40` | `oklch(47.64% 0.0753 33.82)` | Red Chipotle | white, 6.8 to 1 |
| 7 | `#8c5b45` | `oklch(51.95% 0.0725 45.67)` | Artisan | white, 5.6 to 1 |
| 8 | `#956b4c` | `oklch(56.36% 0.0698 57.74)` | Thrush | white, 4.6 to 1 |
| 9 | `#9d7c56` | `oklch(60.76% 0.0669 69.69)` | Haute Hickory | black, 5.4 to 1 |
| 10 | `#a38c62` | `oklch(65.04% 0.0642 81.18)` | Garden Salt Green | black, 6.4 to 1 |
| 11 | `#a99b70` | `oklch(69.09% 0.0616 91.90)` | Sunbaked Adobe | black, 7.6 to 1 |
| 12 | `#aea97e` | `oklch(72.79% 0.0591 101.50)` | Thimbleberry Leaf | black, 8.7 to 1 |
| 13 | `#b3b58b` | `oklch(76.05% 0.0569 109.65)` | Sweet Grass | black, 9.8 to 1 |
| 14 | `#b7bf97` | `oklch(78.74% 0.0549 116.03)` | Paspalum Grass | black, 10.8 to 1 |
| 15 | `#bbc6a0` | `oklch(80.76% 0.0534 120.31)` | Seagrass | black, 11.6 to 1 |
| 16 | `#bfcba7` | `oklch(82.30% 0.0513 122.94)` | Pale Leaf | black, 12.3 to 1 |
| 17 | `#c2cfac` | `oklch(83.49% 0.0488 124.27)` | Landscape | black, 12.7 to 1 |
| 18 | `#c5d1b1` | `oklch(84.35% 0.0458 124.45)` | Bonsai Tint | black, 13.1 to 1 |
| 19 | `#c8d3b4` | `oklch(84.91% 0.0427 123.60)` | Hidden Hills | black, 13.3 to 1 |
| 20 | `#cad3b7` | `oklch(85.21% 0.0397 121.87)` | Willow Tree Mouse | black, 13.5 to 1 |
| 21 | `#cbd3b8` | `oklch(85.29% 0.0369 119.39)` | Pickling Spice | black, 13.5 to 1 |
| 22 | `#cdd2b8` | `oklch(85.17% 0.0346 116.30)` | Solstice Breeze | black, 13.4 to 1 |
| 23 | `#cdd0b8` | `oklch(84.89% 0.0330 112.74)` | Chinese Jade | black, 13.3 to 1 |
| 24 | `#cdceb6` | `oklch(84.48% 0.0322 108.85)` | Half Moon | black, 13.1 to 1 |
| 25 | `#cdccb4` | `oklch(83.97% 0.0326 104.76)` | Only Olive | black, 12.8 to 1 |
| 26 | `#cdcab1` | `oklch(83.39% 0.0342 100.61)` | Cilantro Cream | black, 12.6 to 1 |
| 27 | `#cdc7ac` | `oklch(82.79% 0.0374 96.55)` | Wild Hillside | black, 12.3 to 1 |
| 28 | `#cec5a6` | `oklch(82.18% 0.0423 92.70)` | Cyrus Grass | black, 12.1 to 1 |
| 29 | `#d0c29f` | `oklch(81.58% 0.0494 89.07)` | Castaway Beach | black, 11.8 to 1 |
| 30 | `#d2be95` | `oklch(80.83% 0.0597 84.94)` | Subtle Suede | black, 11.5 to 1 |
| 31 | `#d6b988` | `oklch(79.92% 0.0731 80.27)` | Buckskin | black, 11.1 to 1 |
| 32 | `#dcb279` | `oklch(78.87% 0.0888 75.18)` | Boudin | black, 10.7 to 1 |
| 33 | `#e2aa68` | `oklch(77.71% 0.1062 69.76)` | Montana Wheat Field | black, 10.2 to 1 |
| 34 | `#e9a057` | `oklch(76.43% 0.1248 64.13)` | South Haven | black, 9.6 to 1 |
| 35 | `#f19546` | `oklch(75.08% 0.1439 58.39)` | Physalis | black, 9.1 to 1 |
| 36 | `#f78837` | `oklch(73.67% 0.1629 52.64)` | Hot Orange | black, 8.5 to 1 |
| 37 | `#fd7a2c` | `oklch(72.20% 0.1812 47.00)` | Royal Oranje | black, 8 to 1 |
| 38 | `#ff6d2d` | `oklch(70.72% 0.1924 41.57)` | Bright Orange | black, 7.4 to 1 |
| 39 | `#ff6133` | `oklch(69.23% 0.2011 36.45)` | Toxic Orange | black, 7 to 1 |
| 40 | `#ff5439` | `oklch(67.75% 0.2117 31.75)` | Poppy Surprise | black, 6.5 to 1 |
| 41 | `#ff443d` | `oklch(66.30% 0.2238 27.58)` | Tomato Frog | black, 6.1 to 1 |
| 42 | `#ff3140` | `oklch(64.90% 0.2369 24.04)` | Devil’s Advocate | black, 5.7 to 1 |
| 43 | `#fb2244` | `oklch(63.52% 0.2417 21.15)` | Là Jiāo Hóng Red | black, 5.4 to 1 |
| 44 | `#f51a49` | `oklch(62.04% 0.2393 18.72)` | Sanguinary | black, 5.1 to 1 |
| 45 | `#ec174d` | `oklch(60.47% 0.2336 16.69)` | Che Guevara Red | black, 4.8 to 1 |
| 46 | `#e21950` | `oklch(58.84% 0.2251 15.02)` | Spanish Crimson | white, 4.6 to 1 |
| 47 | `#d81e51` | `oklch(57.17% 0.2145 13.67)` | Lusty Lips | white, 4.9 to 1 |
| 48 | `#cd2351` | `oklch(55.50% 0.2023 12.59)` | Love Surge | white, 5.2 to 1 |
| 49 | `#c22851` | `oklch(53.85% 0.1890 11.74)` | Possessed Red | white, 5.6 to 1 |
| 50 | `#b72c50` | `oklch(52.23% 0.1750 11.07)` | Minted Blueberry Lemonade | white, 6 to 1 |
| 51 | `#ad304f` | `oklch(50.69% 0.1610 10.54)` | Amore | white, 6.3 to 1 |
| 52 | `#a3334d` | `oklch(49.24% 0.1475 10.11)` | Scarlet Ribbons | white, 6.7 to 1 |
| 53 | `#99354c` | `oklch(47.91% 0.1350 9.73)` | Boerewors | white, 7 to 1 |
| 54 | `#91364b` | `oklch(46.72% 0.1240 9.36)` | Raspberry Fool | white, 7.3 to 1 |
| 55 | `#8b374a` | `oklch(45.70% 0.1151 8.96)` | Rushing Red | white, 7.6 to 1 |
| 56 | `#853749` | `oklch(44.88% 0.1089 8.47)` | Red Chicory | white, 7.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #501c38 0.0%, #572239 1.8%, #60293a 3.6%, #6b333b 5.5%, #763f3d 7.3%, #814c40 9.1%, #8c5b45 10.9%, #956b4c 12.7%, #9d7c56 14.5%, #a38c62 16.4%, #a99b70 18.2%, #aea97e 20.0%, #b3b58b 21.8%, #b7bf97 23.6%, #bbc6a0 25.5%, #bfcba7 27.3%, #c2cfac 29.1%, #c5d1b1 30.9%, #c8d3b4 32.7%, #cad3b7 34.5%, #cbd3b8 36.4%, #cdd2b8 38.2%, #cdd0b8 40.0%, #cdceb6 41.8%, #cdccb4 43.6%, #cdcab1 45.5%, #cdc7ac 47.3%, #cec5a6 49.1%, #d0c29f 50.9%, #d2be95 52.7%, #d6b988 54.5%, #dcb279 56.4%, #e2aa68 58.2%, #e9a057 60.0%, #f19546 61.8%, #f78837 63.6%, #fd7a2c 65.5%, #ff6d2d 67.3%, #ff6133 69.1%, #ff5439 70.9%, #ff443d 72.7%, #ff3140 74.5%, #fb2244 76.4%, #f51a49 78.2%, #ec174d 80.0%, #e21950 81.8%, #d81e51 83.6%, #cd2351 85.5%, #c22851 87.3%, #b72c50 89.1%, #ad304f 90.9%, #a3334d 92.7%, #99354c 94.5%, #91364b 96.4%, #8b374a 98.2%, #853749 100.0%);
background: linear-gradient(45deg in oklch, oklch(31.50% 0.0854 349.45) 0.0%, oklch(33.64% 0.0841 355.23) 1.8%, oklch(36.43% 0.0823 2.89) 3.6%, oklch(39.77% 0.0802 12.10) 5.5%, oklch(43.55% 0.0778 22.52) 7.3%, oklch(47.64% 0.0753 33.82) 9.1%, oklch(51.95% 0.0725 45.67) 10.9%, oklch(56.36% 0.0698 57.74) 12.7%, oklch(60.76% 0.0669 69.69) 14.5%, oklch(65.04% 0.0642 81.18) 16.4%, oklch(69.09% 0.0616 91.90) 18.2%, oklch(72.79% 0.0591 101.50) 20.0%, oklch(76.05% 0.0569 109.65) 21.8%, oklch(78.74% 0.0549 116.03) 23.6%, oklch(80.76% 0.0534 120.31) 25.5%, oklch(82.30% 0.0513 122.94) 27.3%, oklch(83.49% 0.0488 124.27) 29.1%, oklch(84.35% 0.0458 124.45) 30.9%, oklch(84.91% 0.0427 123.60) 32.7%, oklch(85.21% 0.0397 121.87) 34.5%, oklch(85.29% 0.0369 119.39) 36.4%, oklch(85.17% 0.0346 116.30) 38.2%, oklch(84.89% 0.0330 112.74) 40.0%, oklch(84.48% 0.0322 108.85) 41.8%, oklch(83.97% 0.0326 104.76) 43.6%, oklch(83.39% 0.0342 100.61) 45.5%, oklch(82.79% 0.0374 96.55) 47.3%, oklch(82.18% 0.0423 92.70) 49.1%, oklch(81.58% 0.0494 89.07) 50.9%, oklch(80.83% 0.0597 84.94) 52.7%, oklch(79.92% 0.0731 80.27) 54.5%, oklch(78.87% 0.0888 75.18) 56.4%, oklch(77.71% 0.1062 69.76) 58.2%, oklch(76.43% 0.1248 64.13) 60.0%, oklch(75.08% 0.1439 58.39) 61.8%, oklch(73.67% 0.1629 52.64) 63.6%, oklch(72.20% 0.1812 47.00) 65.5%, oklch(70.72% 0.1924 41.57) 67.3%, oklch(69.23% 0.2011 36.45) 69.1%, oklch(67.75% 0.2117 31.75) 70.9%, oklch(66.30% 0.2238 27.58) 72.7%, oklch(64.90% 0.2369 24.04) 74.5%, oklch(63.52% 0.2417 21.15) 76.4%, oklch(62.04% 0.2393 18.72) 78.2%, oklch(60.47% 0.2336 16.69) 80.0%, oklch(58.84% 0.2251 15.02) 81.8%, oklch(57.17% 0.2145 13.67) 83.6%, oklch(55.50% 0.2023 12.59) 85.5%, oklch(53.85% 0.1890 11.74) 87.3%, oklch(52.23% 0.1750 11.07) 89.1%, oklch(50.69% 0.1610 10.54) 90.9%, oklch(49.24% 0.1475 10.11) 92.7%, oklch(47.91% 0.1350 9.73) 94.5%, oklch(46.72% 0.1240 9.36) 96.4%, oklch(45.70% 0.1151 8.96) 98.2%, oklch(44.88% 0.1089 8.47) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.315 | 0.085 | 349.5 |
| 2 | 0.803 | 0.054 | 479.4 |
| 3 | 0.819 | 0.045 | 450.9 |
| 4 | 0.646 | 0.241 | 383.3 |
| 5 | 0.449 | 0.109 | 368.5 |

## In these collections

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

## Other forms

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