# Crimson and moss gold border jasmine garland

The Crimson and moss gold border jasmine garland brings together light yellow, gold, light orange, red, and green. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is light yellow.

- Also called: Beige, mauve, brown and green linear gradient
- Seed: `kc5TlC7xo-2EYu3PIbxv6Y_LaWwg7GkqSrrCI`
- Page: https://grabient.com/kc5TlC7xo-2EYu3PIbxv6Y_LaWwg7GkqSrrCI?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark center, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 6.2 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 | `#f0dea3` | `oklch(90.16% 0.0785 93.52)` | Mella Yella | black, 15.6 to 1 |
| 2 | `#efdda3` | `oklch(89.88% 0.0774 92.57)` | Mella Yella | black, 15.5 to 1 |
| 3 | `#efdca3` | `oklch(89.56% 0.0757 91.46)` | Hazy Moon | black, 15.3 to 1 |
| 4 | `#eed9a3` | `oklch(89.00% 0.0739 89.52)` | Upbeat | black, 15.1 to 1 |
| 5 | `#edd5a1` | `oklch(88.01% 0.0722 86.09)` | Astra | black, 14.6 to 1 |
| 6 | `#ebce9e` | `oklch(86.41% 0.0708 80.43)` | Hazy Yellow | black, 13.8 to 1 |
| 7 | `#e8c59a` | `oklch(84.23% 0.0688 72.27)` | Electrum | black, 12.8 to 1 |
| 8 | `#e3ba96` | `oklch(81.65% 0.0671 62.77)` | Honey Nougat | black, 11.7 to 1 |
| 9 | `#ddaf93` | `oklch(78.83% 0.0665 53.22)` | Boot Hill Ghost | black, 10.6 to 1 |
| 10 | `#d6a48e` | `oklch(75.97% 0.0679 44.87)` | Shetland Pony | black, 9.5 to 1 |
| 11 | `#d09887` | `oklch(72.90% 0.0722 37.15)` | Nectarine Spice | black, 8.5 to 1 |
| 12 | `#c98b81` | `oklch(69.60% 0.0784 29.69)` | Sunstone | black, 7.4 to 1 |
| 13 | `#c27e7a` | `oklch(66.27% 0.0852 23.01)` | Brownish Pink | black, 6.5 to 1 |
| 14 | `#ba7275` | `oklch(63.07% 0.0910 17.61)` | Rita’s Rouge | black, 5.7 to 1 |
| 15 | `#b2686f` | `oklch(60.07% 0.0956 13.77)` | Mauvewood | black, 5 to 1 |
| 16 | `#aa5d69` | `oklch(57.10% 0.1006 11.11)` | Delicate Prunus | white, 4.6 to 1 |
| 17 | `#a25362` | `oklch(54.26% 0.1045 9.65)` | Mission Wildflower | white, 5.2 to 1 |
| 18 | `#9a4b5b` | `oklch(51.66% 0.1060 9.42)` | Haitian Flower | white, 5.9 to 1 |
| 19 | `#924653` | `oklch(49.38% 0.1034 10.37)` | Dull Magenta | white, 6.5 to 1 |
| 20 | `#88434e` | `oklch(47.25% 0.0948 11.32)` | Silk Satin | white, 7.1 to 1 |
| 21 | `#7d4249` | `oklch(45.35% 0.0826 13.20)` | Casandra | white, 7.6 to 1 |
| 22 | `#744143` | `oklch(43.86% 0.0707 17.66)` | Tosca | white, 8.1 to 1 |
| 23 | `#6e423d` | `oklch(42.98% 0.0626 26.32)` | Autumn Leaves | white, 8.3 to 1 |
| 24 | `#6b4435` | `oklch(42.80% 0.0594 41.93)` | Noble Chocolate | white, 8.3 to 1 |
| 25 | `#67492d` | `oklch(43.21% 0.0583 64.20)` | Dallas | white, 8.1 to 1 |
| 26 | `#61512a` | `oklch(44.13% 0.0602 88.26)` | West Coast | white, 7.7 to 1 |
| 27 | `#595a2c` | `oklch(45.50% 0.0661 109.17)` | Saratoga | white, 7.2 to 1 |
| 28 | `#54632f` | `oklch(47.35% 0.0775 122.54)` | Basil Green | white, 6.5 to 1 |
| 29 | `#516f2e` | `oklch(50.18% 0.0978 129.87)` | Loren Forest | white, 5.7 to 1 |
| 30 | `#4f7c2a` | `oklch(53.49% 0.1224 133.50)` | Master Chief | white, 4.9 to 1 |
| 31 | `#4d8823` | `oklch(56.56% 0.1455 135.23)` | Fruitless Fig Tree | black, 4.8 to 1 |
| 32 | `#49911f` | `oklch(58.66% 0.1612 136.84)` | Vida Loca | black, 5.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f0dea3 0.0%, #efdda3 3.2%, #efdca3 6.5%, #eed9a3 9.7%, #edd5a1 12.9%, #ebce9e 16.1%, #e8c59a 19.4%, #e3ba96 22.6%, #ddaf93 25.8%, #d6a48e 29.0%, #d09887 32.3%, #c98b81 35.5%, #c27e7a 38.7%, #ba7275 41.9%, #b2686f 45.2%, #aa5d69 48.4%, #a25362 51.6%, #9a4b5b 54.8%, #924653 58.1%, #88434e 61.3%, #7d4249 64.5%, #744143 67.7%, #6e423d 71.0%, #6b4435 74.2%, #67492d 77.4%, #61512a 80.6%, #595a2c 83.9%, #54632f 87.1%, #516f2e 90.3%, #4f7c2a 93.5%, #4d8823 96.8%, #49911f 100.0%);
background: linear-gradient(90deg in oklch, oklch(90.16% 0.0785 93.52) 0.0%, oklch(89.88% 0.0774 92.57) 3.2%, oklch(89.56% 0.0757 91.46) 6.5%, oklch(89.00% 0.0739 89.52) 9.7%, oklch(88.01% 0.0722 86.09) 12.9%, oklch(86.41% 0.0708 80.43) 16.1%, oklch(84.23% 0.0688 72.27) 19.4%, oklch(81.65% 0.0671 62.77) 22.6%, oklch(78.83% 0.0665 53.22) 25.8%, oklch(75.97% 0.0679 44.87) 29.0%, oklch(72.90% 0.0722 37.15) 32.3%, oklch(69.60% 0.0784 29.69) 35.5%, oklch(66.27% 0.0852 23.01) 38.7%, oklch(63.07% 0.0910 17.61) 41.9%, oklch(60.07% 0.0956 13.77) 45.2%, oklch(57.10% 0.1006 11.11) 48.4%, oklch(54.26% 0.1045 9.65) 51.6%, oklch(51.66% 0.1060 9.42) 54.8%, oklch(49.38% 0.1034 10.37) 58.1%, oklch(47.25% 0.0948 11.32) 61.3%, oklch(45.35% 0.0826 13.20) 64.5%, oklch(43.86% 0.0707 17.66) 67.7%, oklch(42.98% 0.0626 26.32) 71.0%, oklch(42.80% 0.0594 41.93) 74.2%, oklch(43.21% 0.0583 64.20) 77.4%, oklch(44.13% 0.0602 88.26) 80.6%, oklch(45.50% 0.0661 109.17) 83.9%, oklch(47.35% 0.0775 122.54) 87.1%, oklch(50.18% 0.0978 129.87) 90.3%, oklch(53.49% 0.1224 133.50) 93.5%, oklch(56.56% 0.1455 135.23) 96.8%, oklch(58.66% 0.1612 136.84) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.079 | 93.5 |
| 2 | 0.874 | 0.072 | 84 |
| 3 | 0.764 | 0.068 | 46 |
| 4 | 0.622 | 0.092 | 16.4 |
| 5 | 0.5 | 0.105 | 10 |
| 6 | 0.429 | 0.062 | 28 |
| 7 | 0.465 | 0.072 | 117.8 |
| 8 | 0.587 | 0.161 | 136.8 |

## In these collections

- [Gold border jasmine garland](https://grabient.com/gold-border-jasmine-garland)

## Other forms

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