# Mugwort and Toasted Sesame

Duotone olive and brown linear gradient with 56 colors: #7c8741, #7e863f, #80843d, #82833a, #848138, #877f35, #8a7c33, #8d7a31, #8f772f, #92752f, #94722e, #966f2f, #986c30, #9a6932, #9b6734, #9c6436, #9d6139, #9d5f3c, #9d5d3f, #9d5a42, #9c5944, #9c5747, #9b5549, #9a544b, #99524c, #98514d, #97504d, #964f4d, #954e4c, #944e4b, #934d49, #934d46, #924c43, #914c40, #8f4c3c, #8e4c38, #8d4c33, #8b4c2e, #894c29, #874d24, #844e1e, #824f18, #7f5012, #7c510c, #785205, #755300, #715400, #6d5600, #695700, #655800, #615800, #5e5902, #5a5a05, #575a08, #545b0c, #525b0e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Duotone olive and brown linear gradient
- Seed: `kSmEVTQSK0zkjSw`
- Page: https://grabient.com/kSmEVTQSK0zkjSw?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 1.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 | `#7c8741` | `oklch(59.84% 0.0951 116.72)` | Laird | black, 5.3 to 1 |
| 2 | `#7e863f` | `oklch(59.67% 0.0951 114.77)` | Laird | black, 5.3 to 1 |
| 3 | `#80843d` | `oklch(59.48% 0.0951 112.36)` | Majorca Green | black, 5.3 to 1 |
| 4 | `#82833a` | `oklch(59.26% 0.0951 109.53)` | Majorca Green | black, 5.2 to 1 |
| 5 | `#848138` | `oklch(59.02% 0.0951 106.33)` | Green Commando | black, 5.1 to 1 |
| 6 | `#877f35` | `oklch(58.76% 0.0951 102.80)` | Mossy Meadow | black, 5.1 to 1 |
| 7 | `#8a7c33` | `oklch(58.49% 0.0951 98.97)` | Koke Moss | black, 5 to 1 |
| 8 | `#8d7a31` | `oklch(58.19% 0.0950 94.89)` | Koke Moss | black, 4.9 to 1 |
| 9 | `#8f772f` | `oklch(57.89% 0.0950 90.59)` | Aubergine Green | black, 4.8 to 1 |
| 10 | `#92752f` | `oklch(57.56% 0.0950 86.13)` | Aubergine Green | black, 4.7 to 1 |
| 11 | `#94722e` | `oklch(57.23% 0.0950 81.53)` | Mulberry Brown | black, 4.7 to 1 |
| 12 | `#966f2f` | `oklch(56.89% 0.0950 76.84)` | Mulberry Brown | black, 4.6 to 1 |
| 13 | `#986c30` | `oklch(56.54% 0.0950 72.10)` | Damascene | white, 4.6 to 1 |
| 14 | `#9a6932` | `oklch(56.18% 0.0950 67.36)` | Vintage Caramel | white, 4.7 to 1 |
| 15 | `#9b6734` | `oklch(55.81% 0.0950 62.64)` | Woodgrain | white, 4.8 to 1 |
| 16 | `#9c6436` | `oklch(55.45% 0.0950 58.00)` | Cathay Spice | white, 4.8 to 1 |
| 17 | `#9d6139` | `oklch(55.08% 0.0950 53.47)` | Hampton Beach | white, 4.9 to 1 |
| 18 | `#9d5f3c` | `oklch(54.71% 0.0950 49.09)` | Hampton Beach | white, 5 to 1 |
| 19 | `#9d5d3f` | `oklch(54.34% 0.0950 44.91)` | Chocolate Fountain | white, 5.1 to 1 |
| 20 | `#9d5a42` | `oklch(53.97% 0.0950 40.97)` | Chocolate Fountain | white, 5.2 to 1 |
| 21 | `#9c5944` | `oklch(53.61% 0.0950 37.29)` | Ceramic Brown | white, 5.3 to 1 |
| 22 | `#9c5747` | `oklch(53.25% 0.0950 33.94)` | American Roast | white, 5.4 to 1 |
| 23 | `#9b5549` | `oklch(52.90% 0.0950 30.94)` | American Roast | white, 5.5 to 1 |
| 24 | `#9a544b` | `oklch(52.56% 0.0950 28.35)` | Marsala | white, 5.6 to 1 |
| 25 | `#99524c` | `oklch(52.23% 0.0950 26.19)` | Thy Flesh Consumed | white, 5.7 to 1 |
| 26 | `#98514d` | `oklch(51.91% 0.0950 24.51)` | Azuki Bean | white, 5.7 to 1 |
| 27 | `#97504d` | `oklch(51.61% 0.0950 23.34)` | Azuki Bean | white, 5.8 to 1 |
| 28 | `#964f4d` | `oklch(51.32% 0.0951 22.74)` | Azuki Bean | white, 5.9 to 1 |
| 29 | `#954e4c` | `oklch(51.04% 0.0951 22.74)` | Rembrandt Ruby | white, 6 to 1 |
| 30 | `#944e4b` | `oklch(50.77% 0.0951 23.34)` | Rembrandt Ruby | white, 6 to 1 |
| 31 | `#934d49` | `oklch(50.50% 0.0952 24.51)` | Rembrandt Ruby | white, 6.1 to 1 |
| 32 | `#934d46` | `oklch(50.22% 0.0952 26.19)` | El Salva | white, 6.2 to 1 |
| 33 | `#924c43` | `oklch(49.94% 0.0952 28.35)` | El Salva | white, 6.2 to 1 |
| 34 | `#914c40` | `oklch(49.67% 0.0953 30.94)` | Red Clay | white, 6.3 to 1 |
| 35 | `#8f4c3c` | `oklch(49.40% 0.0953 33.94)` | Burled Redwood | white, 6.4 to 1 |
| 36 | `#8e4c38` | `oklch(49.12% 0.0954 37.29)` | Burled Redwood | white, 6.5 to 1 |
| 37 | `#8d4c33` | `oklch(48.85% 0.0954 40.97)` | Gingerbread | white, 6.5 to 1 |
| 38 | `#8b4c2e` | `oklch(48.58% 0.0955 44.91)` | Gingerbread | white, 6.6 to 1 |
| 39 | `#894c29` | `oklch(48.32% 0.0956 49.09)` | Chestnut Glaze | white, 6.6 to 1 |
| 40 | `#874d24` | `oklch(48.06% 0.0956 53.47)` | Chestnut Glaze | white, 6.7 to 1 |
| 41 | `#844e1e` | `oklch(47.80% 0.0957 58.00)` | Milk Chocolate | white, 6.7 to 1 |
| 42 | `#824f18` | `oklch(47.55% 0.0958 62.64)` | Milk Chocolate | white, 6.8 to 1 |
| 43 | `#7f5012` | `oklch(47.31% 0.0958 67.36)` | Medium Brown | white, 6.8 to 1 |
| 44 | `#7c510c` | `oklch(47.07% 0.0959 72.10)` | Medium Brown | white, 6.9 to 1 |
| 45 | `#785205` | `oklch(46.83% 0.0959 76.84)` | Coffee Adept | white, 6.9 to 1 |
| 46 | `#755300` | `oklch(46.61% 0.0960 81.53)` | Pickled Grape Leaves | white, 7 to 1 |
| 47 | `#715400` | `oklch(46.39% 0.0950 86.09)` | Pickled Grape Leaves | white, 7 to 1 |
| 48 | `#6d5600` | `oklch(46.18% 0.0944 90.56)` | Ayahuasca Vine | white, 7 to 1 |
| 49 | `#695700` | `oklch(45.98% 0.0944 94.86)` | Ayahuasca Vine | white, 7.1 to 1 |
| 50 | `#655800` | `oklch(45.79% 0.0949 98.95)` | Ayahuasca Vine | white, 7.1 to 1 |
| 51 | `#615800` | `oklch(45.61% 0.0958 102.78)` | Ayahuasca Vine | white, 7.1 to 1 |
| 52 | `#5e5902` | `oklch(45.44% 0.0963 106.33)` | Greensboro | white, 7.2 to 1 |
| 53 | `#5a5a05` | `oklch(45.28% 0.0964 109.53)` | Greensboro | white, 7.2 to 1 |
| 54 | `#575a08` | `oklch(45.14% 0.0964 112.36)` | Greensboro | white, 7.2 to 1 |
| 55 | `#545b0c` | `oklch(45.00% 0.0964 114.77)` | Greensboro | white, 7.2 to 1 |
| 56 | `#525b0e` | `oklch(44.88% 0.0965 116.72)` | Greensboro | white, 7.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #7c8741 0.0%, #7e863f 1.8%, #80843d 3.6%, #82833a 5.5%, #848138 7.3%, #877f35 9.1%, #8a7c33 10.9%, #8d7a31 12.7%, #8f772f 14.5%, #92752f 16.4%, #94722e 18.2%, #966f2f 20.0%, #986c30 21.8%, #9a6932 23.6%, #9b6734 25.5%, #9c6436 27.3%, #9d6139 29.1%, #9d5f3c 30.9%, #9d5d3f 32.7%, #9d5a42 34.5%, #9c5944 36.4%, #9c5747 38.2%, #9b5549 40.0%, #9a544b 41.8%, #99524c 43.6%, #98514d 45.5%, #97504d 47.3%, #964f4d 49.1%, #954e4c 50.9%, #944e4b 52.7%, #934d49 54.5%, #934d46 56.4%, #924c43 58.2%, #914c40 60.0%, #8f4c3c 61.8%, #8e4c38 63.6%, #8d4c33 65.5%, #8b4c2e 67.3%, #894c29 69.1%, #874d24 70.9%, #844e1e 72.7%, #824f18 74.5%, #7f5012 76.4%, #7c510c 78.2%, #785205 80.0%, #755300 81.8%, #715400 83.6%, #6d5600 85.5%, #695700 87.3%, #655800 89.1%, #615800 90.9%, #5e5902 92.7%, #5a5a05 94.5%, #575a08 96.4%, #545b0c 98.2%, #525b0e 100.0%);
background: linear-gradient(135deg in oklch, oklch(59.84% 0.0951 116.72) 0.0%, oklch(59.67% 0.0951 114.77) 1.8%, oklch(59.48% 0.0951 112.36) 3.6%, oklch(59.26% 0.0951 109.53) 5.5%, oklch(59.02% 0.0951 106.33) 7.3%, oklch(58.76% 0.0951 102.80) 9.1%, oklch(58.49% 0.0951 98.97) 10.9%, oklch(58.19% 0.0950 94.89) 12.7%, oklch(57.89% 0.0950 90.59) 14.5%, oklch(57.56% 0.0950 86.13) 16.4%, oklch(57.23% 0.0950 81.53) 18.2%, oklch(56.89% 0.0950 76.84) 20.0%, oklch(56.54% 0.0950 72.10) 21.8%, oklch(56.18% 0.0950 67.36) 23.6%, oklch(55.81% 0.0950 62.64) 25.5%, oklch(55.45% 0.0950 58.00) 27.3%, oklch(55.08% 0.0950 53.47) 29.1%, oklch(54.71% 0.0950 49.09) 30.9%, oklch(54.34% 0.0950 44.91) 32.7%, oklch(53.97% 0.0950 40.97) 34.5%, oklch(53.61% 0.0950 37.29) 36.4%, oklch(53.25% 0.0950 33.94) 38.2%, oklch(52.90% 0.0950 30.94) 40.0%, oklch(52.56% 0.0950 28.35) 41.8%, oklch(52.23% 0.0950 26.19) 43.6%, oklch(51.91% 0.0950 24.51) 45.5%, oklch(51.61% 0.0950 23.34) 47.3%, oklch(51.32% 0.0951 22.74) 49.1%, oklch(51.04% 0.0951 22.74) 50.9%, oklch(50.77% 0.0951 23.34) 52.7%, oklch(50.50% 0.0952 24.51) 54.5%, oklch(50.22% 0.0952 26.19) 56.4%, oklch(49.94% 0.0952 28.35) 58.2%, oklch(49.67% 0.0953 30.94) 60.0%, oklch(49.40% 0.0953 33.94) 61.8%, oklch(49.12% 0.0954 37.29) 63.6%, oklch(48.85% 0.0954 40.97) 65.5%, oklch(48.58% 0.0955 44.91) 67.3%, oklch(48.32% 0.0956 49.09) 69.1%, oklch(48.06% 0.0956 53.47) 70.9%, oklch(47.80% 0.0957 58.00) 72.7%, oklch(47.55% 0.0958 62.64) 74.5%, oklch(47.31% 0.0958 67.36) 76.4%, oklch(47.07% 0.0959 72.10) 78.2%, oklch(46.83% 0.0959 76.84) 80.0%, oklch(46.61% 0.0960 81.53) 81.8%, oklch(46.39% 0.0950 86.09) 83.6%, oklch(46.18% 0.0944 90.56) 85.5%, oklch(45.98% 0.0944 94.86) 87.3%, oklch(45.79% 0.0949 98.95) 89.1%, oklch(45.61% 0.0958 102.78) 90.9%, oklch(45.44% 0.0963 106.33) 92.7%, oklch(45.28% 0.0964 109.53) 94.5%, oklch(45.14% 0.0964 112.36) 96.4%, oklch(45.00% 0.0964 114.77) 98.2%, oklch(44.88% 0.0965 116.72) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.598 | 0.095 | 116.7 |
| 2 | 0.512 | 0.095 | 22.7 |
| 3 | 0.449 | 0.096 | 116.7 |

## In these collections

- [Chuseok songpyeon colors](https://grabient.com/chuseok-songpyeon-colors)

## Other forms

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