# Sage Gold Vintage Bands

These three diagonal bands move from deep sage through antique gold and faded olive. The compact earth-toned sequence resembles old upholstery, book cloth, and printed labels while preserving clear separation among the colors. Use them for vintage stationery, heritage branding, editorial dividers, or interior graphics that need a simple natural palette with a warm central accent.

- Also called: Gray and brown linear swatches
- Seed: `kSYxh405y1lETRI`
- Page: https://grabient.com/kSYxh405y1lETRI?style=linearSwatches&steps=3&angle=75
- Drawn as: linear swatches, 3 steps, 75 degrees
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.9 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 | `#334b42` | `oklch(38.98% 0.0331 169.45)` | Garnet Black Green | white, 9.4 to 1 |
| 2 | `#aa8d58` | `oklch(65.75% 0.0785 81.74)` | Dark Sand | black, 6.6 to 1 |
| 3 | `#87916d` | `oklch(63.78% 0.0524 120.84)` | Royal Oakleaf | black, 6.2 to 1 |

## CSS

```css
background: linear-gradient(75deg, #334b42 0.000% 33.333%, #aa8d58 33.333% 66.667%, #87916d 66.667% 100.000%);
background: linear-gradient(75deg, oklch(38.98% 0.0331 169.45) 0.000% 33.333%, oklch(65.75% 0.0785 81.74) 33.333% 66.667%, oklch(63.78% 0.0524 120.84) 66.667% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.39 | 0.033 | 169.5 |
| 2 | 0.657 | 0.079 | 81.7 |
| 3 | 0.638 | 0.052 | 120.8 |

## In these collections

- [Vintage swatches](https://grabient.com/vintage-swatches)

## Other forms

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