# Charcoal and sage kasavu silk and marigold

The Charcoal and sage kasavu silk and marigold brings together gray, orange, gold, and green. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is gray, and its lightest tone is gold.

- Also called: Dark gray, orange, tan and gray linear gradient
- Seed: `kcWgCfMo8tUamv_br0CZ65BOalQbZl0KxY7FI`
- Page: https://grabient.com/kcWgCfMo8tUamv_br0CZ65BOalQbZl0KxY7FI?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light center
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.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 | `#3c3c3c` | `oklch(35.43% 0.0000 89.88)` | Yin Mist | white, 11.1 to 1 |
| 2 | `#393e3e` | `oklch(35.89% 0.0061 195.59)` | Tamahagane | white, 10.8 to 1 |
| 3 | `#39413b` | `oklch(36.46% 0.0146 154.37)` | Dead Sea Mud | white, 10.5 to 1 |
| 4 | `#414233` | `oklch(37.37% 0.0248 110.83)` | Garden Path | white, 10.2 to 1 |
| 5 | `#50422f` | `oklch(38.88% 0.0362 75.83)` | Deep Bronze | white, 9.6 to 1 |
| 6 | `#5f4430` | `oklch(41.23% 0.0488 58.39)` | Boston Brown Bread | white, 8.8 to 1 |
| 7 | `#704a30` | `oklch(44.48% 0.0643 54.30)` | Taj | white, 7.7 to 1 |
| 8 | `#80522d` | `oklch(48.27% 0.0807 57.73)` | Lion’s Lair | white, 6.6 to 1 |
| 9 | `#905c27` | `oklch(52.24% 0.0958 63.43)` | Afghan Carpet | white, 5.5 to 1 |
| 10 | `#9f6624` | `oklch(56.04% 0.1075 66.23)` | Stage Gold | white, 4.7 to 1 |
| 11 | `#ad7126` | `oklch(59.90% 0.1157 67.00)` | Hamtaro Brown | black, 5.1 to 1 |
| 12 | `#bc7c2c` | `oklch(63.89% 0.1217 68.03)` | Autumn Fest | black, 6 to 1 |
| 13 | `#c98833` | `oklch(67.74% 0.1259 69.34)` | Gentleman’s Whiskey | black, 7 to 1 |
| 14 | `#d4933a` | `oklch(71.18% 0.1288 70.92)` | Hint of Caramel | black, 8 to 1 |
| 15 | `#dd9d41` | `oklch(74.08% 0.1308 72.78)` | Solar Fusion | black, 8.9 to 1 |
| 16 | `#e4a647` | `oklch(76.69% 0.1314 74.93)` | Brass Mesh | black, 9.8 to 1 |
| 17 | `#e9af4f` | `oklch(78.91% 0.1306 77.35)` | Lion’s Mane | black, 10.6 to 1 |
| 18 | `#ebb655` | `oklch(80.63% 0.1288 79.99)` | Goldsmith | black, 11.3 to 1 |
| 19 | `#ebbb5c` | `oklch(81.75% 0.1258 82.81)` | Chandra Cream | black, 11.8 to 1 |
| 20 | `#e8bf62` | `oklch(82.30% 0.1216 85.72)` | Crop Circle | black, 12 to 1 |
| 21 | `#e4c167` | `oklch(82.32% 0.1162 88.82)` | Golden Chalice | black, 12.1 to 1 |
| 22 | `#ddc26c` | `oklch(81.84% 0.1099 92.26)` | Highlight Gold | black, 11.9 to 1 |
| 23 | `#d4c171` | `oklch(80.88% 0.1030 96.18)` | Citrus Yellow | black, 11.6 to 1 |
| 24 | `#c9be74` | `oklch(79.41% 0.0951 100.43)` | Fresh Sprout | black, 11 to 1 |
| 25 | `#bdb977` | `oklch(77.37% 0.0860 104.86)` | Liminal Yellow | black, 10.3 to 1 |
| 26 | `#b0b279` | `oklch(74.90% 0.0765 109.88)` | Weeping Willow | black, 9.5 to 1 |
| 27 | `#a2ab7a` | `oklch(72.13% 0.0677 115.94)` | Nurturing | black, 8.6 to 1 |
| 28 | `#94a279` | `oklch(69.10% 0.0604 123.68)` | Broccoflower | black, 7.7 to 1 |
| 29 | `#829876` | `oklch(65.25% 0.0539 134.35)` | Eat Your Peas | black, 6.6 to 1 |
| 30 | `#718c72` | `oklch(61.08% 0.0481 146.20)` | Laurel | black, 5.6 to 1 |
| 31 | `#64806e` | `oklch(57.32% 0.0434 156.98)` | Ecological | black, 4.8 to 1 |
| 32 | `#5b786b` | `oklch(54.72% 0.0400 164.42)` | Stately Stems | white, 4.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #3c3c3c 0.0%, #393e3e 3.2%, #39413b 6.5%, #414233 9.7%, #50422f 12.9%, #5f4430 16.1%, #704a30 19.4%, #80522d 22.6%, #905c27 25.8%, #9f6624 29.0%, #ad7126 32.3%, #bc7c2c 35.5%, #c98833 38.7%, #d4933a 41.9%, #dd9d41 45.2%, #e4a647 48.4%, #e9af4f 51.6%, #ebb655 54.8%, #ebbb5c 58.1%, #e8bf62 61.3%, #e4c167 64.5%, #ddc26c 67.7%, #d4c171 71.0%, #c9be74 74.2%, #bdb977 77.4%, #b0b279 80.6%, #a2ab7a 83.9%, #94a279 87.1%, #829876 90.3%, #718c72 93.5%, #64806e 96.8%, #5b786b 100.0%);
background: linear-gradient(90deg in oklch, oklch(35.43% 0.0000 89.88) 0.0%, oklch(35.89% 0.0061 195.59) 3.2%, oklch(36.46% 0.0146 154.37) 6.5%, oklch(37.37% 0.0248 110.83) 9.7%, oklch(38.88% 0.0362 75.83) 12.9%, oklch(41.23% 0.0488 58.39) 16.1%, oklch(44.48% 0.0643 54.30) 19.4%, oklch(48.27% 0.0807 57.73) 22.6%, oklch(52.24% 0.0958 63.43) 25.8%, oklch(56.04% 0.1075 66.23) 29.0%, oklch(59.90% 0.1157 67.00) 32.3%, oklch(63.89% 0.1217 68.03) 35.5%, oklch(67.74% 0.1259 69.34) 38.7%, oklch(71.18% 0.1288 70.92) 41.9%, oklch(74.08% 0.1308 72.78) 45.2%, oklch(76.69% 0.1314 74.93) 48.4%, oklch(78.91% 0.1306 77.35) 51.6%, oklch(80.63% 0.1288 79.99) 54.8%, oklch(81.75% 0.1258 82.81) 58.1%, oklch(82.30% 0.1216 85.72) 61.3%, oklch(82.32% 0.1162 88.82) 64.5%, oklch(81.84% 0.1099 92.26) 67.7%, oklch(80.88% 0.1030 96.18) 71.0%, oklch(79.41% 0.0951 100.43) 74.2%, oklch(77.37% 0.0860 104.86) 77.4%, oklch(74.90% 0.0765 109.88) 80.6%, oklch(72.13% 0.0677 115.94) 83.9%, oklch(69.10% 0.0604 123.68) 87.1%, oklch(65.25% 0.0539 134.35) 90.3%, oklch(61.08% 0.0481 146.20) 93.5%, oklch(57.32% 0.0434 156.98) 96.8%, oklch(54.72% 0.0400 164.42) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.354 | 0 | 223.6 |
| 2 | 0.398 | 0.041 | 66.1 |
| 3 | 0.555 | 0.106 | 66.1 |
| 4 | 0.72 | 0.13 | 71.4 |
| 5 | 0.815 | 0.127 | 82 |
| 6 | 0.807 | 0.102 | 96.8 |
| 7 | 0.705 | 0.063 | 120 |
| 8 | 0.547 | 0.04 | 164.4 |

## In these collections

- [Kasavu silk and marigold](https://grabient.com/kasavu-silk-and-marigold)

## Other forms

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