# Wine and olive gold border jasmine garland

The Wine and olive gold border jasmine garland brings together dark magenta, red, light red, 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 dark magenta, and its lightest tone is gold.

- Also called: Dark purple, tan and dark green linear swatches
- Seed: `kYQjD1NzBDFwsQnrJcdVzNEDIWQI`
- Page: https://grabient.com/kYQjD1NzBDFwsQnrJcdVzNEDIWQI?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: light center, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 9.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 | `#39152b` | `oklch(25.98% 0.0661 344.53)` | Nightly Voyager | white, 15.9 to 1 |
| 2 | `#89283e` | `oklch(43.31% 0.1323 10.95)` | Thrill Ride | white, 8.6 to 1 |
| 3 | `#e88875` | `oklch(72.44% 0.1213 32.09)` | Thundelarra | black, 8.1 to 1 |
| 4 | `#e1cb7b` | `oklch(84.25% 0.1033 94.43)` | Sand | black, 13 to 1 |
| 5 | `#7eaa44` | `oklch(68.50% 0.1406 129.31)` | Parakeet | black, 7.7 to 1 |
| 6 | `#384d2b` | `oklch(39.37% 0.0606 134.59)` | Nettle Green | white, 9.2 to 1 |

## CSS

```css
background: linear-gradient(180deg, #39152b 0.000% 16.667%, #89283e 16.667% 33.333%, #e88875 33.333% 50.000%, #e1cb7b 50.000% 66.667%, #7eaa44 66.667% 83.333%, #384d2b 83.333% 100.000%);
background: linear-gradient(180deg, oklch(25.98% 0.0661 344.53) 0.000% 16.667%, oklch(43.31% 0.1323 10.95) 16.667% 33.333%, oklch(72.44% 0.1213 32.09) 33.333% 50.000%, oklch(84.25% 0.1033 94.43) 50.000% 66.667%, oklch(68.50% 0.1406 129.31) 66.667% 83.333%, oklch(39.37% 0.0606 134.59) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.26 | 0.066 | 344.5 |
| 2 | 0.433 | 0.132 | 371 |
| 3 | 0.724 | 0.121 | 392.1 |
| 4 | 0.843 | 0.103 | 454.4 |
| 5 | 0.685 | 0.141 | 489.3 |
| 6 | 0.394 | 0.061 | 494.6 |

## In these collections

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

## Other forms

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