# Lime rust violet bands

Tritone yellow, brown and purple linear swatches with 13 colors: #bad30e, #b6c41d, #b4ad29, #b19540, #a87d4e, #a46055, #964669, #8b2c75, #82097d, #730083, #650285, #560187, #4a0286. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone yellow, brown and purple linear swatches
- Seed: `ka0IlUXTS-k8eO1AqbdNkQ9DDEPgrwj4g`
- Page: https://grabient.com/ka0IlUXTS-k8eO1AqbdNkQ9DDEPgrwj4g?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: light to dark, vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 7.5 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 | `#bad30e` | `oklch(81.89% 0.1888 118.12)` | Garlic Pesto | black, 12.3 to 1 |
| 2 | `#b6c41d` | `oklch(78.25% 0.1706 114.76)` | Leafy Seadragon | black, 10.8 to 1 |
| 3 | `#b4ad29` | `oklch(73.23% 0.1447 106.50)` | New Green | black, 8.9 to 1 |
| 4 | `#b19540` | `oklch(67.89% 0.1089 90.78)` | Balsam Pear | black, 7.2 to 1 |
| 5 | `#a87d4e` | `oklch(62.20% 0.0827 67.40)` | Hidden Morel | black, 5.7 to 1 |
| 6 | `#a46055` | `oklch(56.32% 0.0901 30.02)` | Savannah Red | white, 4.7 to 1 |
| 7 | `#964669` | `oklch(50.79% 0.1144 354.49)` | Satsuma Imo Red | white, 6.1 to 1 |
| 8 | `#8b2c75` | `oklch(46.21% 0.1529 338.77)` | Violet Vixen | white, 7.7 to 1 |
| 9 | `#82097d` | `oklch(42.52% 0.1874 330.18)` | Philippine Violet | white, 9.2 to 1 |
| 10 | `#730083` | `oklch(40.10% 0.1908 321.65)` | Ultraberry | white, 10.2 to 1 |
| 11 | `#650285` | `oklch(38.19% 0.1874 314.33)` | Peaceful Purple | white, 11 to 1 |
| 12 | `#560187` | `oklch(35.95% 0.1846 305.94)` | Indigo Girls | white, 12 to 1 |
| 13 | `#4a0286` | `oklch(34.25% 0.1819 299.53)` | Indigo Static | white, 12.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #bad30e 0.000% 7.692%, #b6c41d 7.692% 15.385%, #b4ad29 15.385% 23.077%, #b19540 23.077% 30.769%, #a87d4e 30.769% 38.462%, #a46055 38.462% 46.154%, #964669 46.154% 53.846%, #8b2c75 53.846% 61.538%, #82097d 61.538% 69.231%, #730083 69.231% 76.923%, #650285 76.923% 84.615%, #560187 84.615% 92.308%, #4a0286 92.308% 100.000%);
background: linear-gradient(90deg, oklch(81.89% 0.1888 118.12) 0.000% 7.692%, oklch(78.25% 0.1706 114.76) 7.692% 15.385%, oklch(73.23% 0.1447 106.50) 15.385% 23.077%, oklch(67.89% 0.1089 90.78) 23.077% 30.769%, oklch(62.20% 0.0827 67.40) 30.769% 38.462%, oklch(56.32% 0.0901 30.02) 38.462% 46.154%, oklch(50.79% 0.1144 354.49) 46.154% 53.846%, oklch(46.21% 0.1529 338.77) 53.846% 61.538%, oklch(42.52% 0.1874 330.18) 61.538% 69.231%, oklch(40.10% 0.1908 321.65) 69.231% 76.923%, oklch(38.19% 0.1874 314.33) 76.923% 84.615%, oklch(35.95% 0.1846 305.94) 84.615% 92.308%, oklch(34.25% 0.1819 299.53) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.189 | 118.1 |
| 2 | 0.732 | 0.145 | 106.5 |
| 3 | 0.622 | 0.083 | 67.4 |
| 4 | 0.508 | 0.114 | -5.5 |
| 5 | 0.425 | 0.187 | -29.8 |
| 6 | 0.382 | 0.187 | -45.7 |
| 7 | 0.343 | 0.182 | -60.5 |

## In these collections

- [Purple and yellow swatches](https://grabient.com/purple-and-yellow-swatches)

## Other forms

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