# Lavender over Antique Brass

Gray, lavender, blue and brown linear gradient with 32 colors: #efe8f7, #eadceb, #e3cbd7, #d9b9bc, #caa79b, #b6997d, #9f8e66, #8c8657, #84804d, #887b46, #957645, #a47150, #af7069, #b27387, #ae79a3, #a681b6, #a086c1, #9c8cca, #9b92d2, #9d97d8, #a09add, #a49bdf, #a999dc, #ad93d3, #ae89c1, #ac7aa3, #a26b80, #8f5d5d, #775242, #5e4931, #4a4028, #3c3924. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray, lavender, blue and brown linear gradient
- Seed: `kW7w_bS5lSdQgLZZoj9q4zSg`
- Page: https://grabient.com/kW7w_bS5lSdQgLZZoj9q4zSg?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 9.6 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 | `#efe8f7` | `oklch(94.09% 0.0207 307.97)` | Bright Dusk | black, 17.5 to 1 |
| 2 | `#eadceb` | `oklch(91.02% 0.0247 322.76)` | Sprinkle | black, 15.9 to 1 |
| 3 | `#e3cbd7` | `oklch(86.59% 0.0304 344.92)` | Diva Girl | black, 13.8 to 1 |
| 4 | `#d9b9bc` | `oklch(81.30% 0.0372 11.45)` | Bombay Pink | black, 11.5 to 1 |
| 5 | `#caa79b` | `oklch(75.64% 0.0445 39.33)` | Teatime Mauve | black, 9.5 to 1 |
| 6 | `#b6997d` | `oklch(70.10% 0.0520 65.54)` | Coffee Clay | black, 7.8 to 1 |
| 7 | `#9f8e66` | `oklch(65.16% 0.0590 87.06)` | Willow Tree | black, 6.5 to 1 |
| 8 | `#8c8657` | `oklch(61.32% 0.0652 100.88)` | Fertile Green | black, 5.6 to 1 |
| 9 | `#84804d` | `oklch(59.04% 0.0700 103.99)` | Candied Lime | black, 5.1 to 1 |
| 10 | `#887b46` | `oklch(58.21% 0.0738 95.35)` | Willow | black, 4.9 to 1 |
| 11 | `#957645` | `oklch(58.44% 0.0770 77.54)` | Antique Penny | black, 4.9 to 1 |
| 12 | `#a47150` | `oklch(59.45% 0.0797 53.55)` | Red Rock Falls | black, 5 to 1 |
| 13 | `#af7069` | `oklch(60.97% 0.0820 26.35)` | Copper Penny | black, 5.3 to 1 |
| 14 | `#b27387` | `oklch(62.70% 0.0840 358.94)` | Tapestry | black, 5.6 to 1 |
| 15 | `#ae79a3` | `oklch(64.37% 0.0858 334.29)` | Victorian Violet | black, 6 to 1 |
| 16 | `#a681b6` | `oklch(65.70% 0.0874 315.39)` | Lobby Lilac | black, 6.4 to 1 |
| 17 | `#a086c1` | `oklch(66.57% 0.0891 304.17)` | Petrified Purple | black, 6.6 to 1 |
| 18 | `#9c8cca` | `oklch(67.74% 0.0911 296.25)` | Cold Purple | black, 7 to 1 |
| 19 | `#9b92d2` | `oklch(69.14% 0.0933 290.78)` | Distinct Purple | black, 7.4 to 1 |
| 20 | `#9d97d8` | `oklch(70.53% 0.0952 287.81)` | Gorgeous Hydrangea | black, 7.8 to 1 |
| 21 | `#a09add` | `oklch(71.64% 0.0967 287.43)` | Dull Lavender | black, 8.1 to 1 |
| 22 | `#a49bdf` | `oklch(72.25% 0.0972 289.69)` | Dull Lavender | black, 8.3 to 1 |
| 23 | `#a999dc` | `oklch(72.10% 0.0966 294.66)` | Dull Lavender | black, 8.2 to 1 |
| 24 | `#ad93d3` | `oklch(70.95% 0.0945 302.42)` | Middy’s Purple | black, 7.8 to 1 |
| 25 | `#ae89c1` | `oklch(68.41% 0.0903 314.32)` | Creeping Bellflower | black, 7.1 to 1 |
| 26 | `#ac7aa3` | `oklch(64.32% 0.0835 332.52)` | Victorian Violet | black, 6 to 1 |
| 27 | `#a26b80` | `oklch(59.14% 0.0751 355.13)` | Penelope Pink | black, 4.9 to 1 |
| 28 | `#8f5d5d` | `oklch(53.37% 0.0656 20.08)` | Rose Taupe | white, 5.3 to 1 |
| 29 | `#775242` | `oklch(47.50% 0.0561 45.33)` | Earth Fired Red | white, 6.8 to 1 |
| 30 | `#5e4931` | `oklch(42.03% 0.0471 68.81)` | Beauty Spot | white, 8.5 to 1 |
| 31 | `#4a4028` | `oklch(37.45% 0.0397 88.47)` | Onion | white, 10.2 to 1 |
| 32 | `#3c3924` | `oklch(34.25% 0.0344 102.25)` | Magic Metal | white, 11.5 to 1 |

## CSS

```css
background: linear-gradient(315deg, #efe8f7 0.0%, #eadceb 3.2%, #e3cbd7 6.5%, #d9b9bc 9.7%, #caa79b 12.9%, #b6997d 16.1%, #9f8e66 19.4%, #8c8657 22.6%, #84804d 25.8%, #887b46 29.0%, #957645 32.3%, #a47150 35.5%, #af7069 38.7%, #b27387 41.9%, #ae79a3 45.2%, #a681b6 48.4%, #a086c1 51.6%, #9c8cca 54.8%, #9b92d2 58.1%, #9d97d8 61.3%, #a09add 64.5%, #a49bdf 67.7%, #a999dc 71.0%, #ad93d3 74.2%, #ae89c1 77.4%, #ac7aa3 80.6%, #a26b80 83.9%, #8f5d5d 87.1%, #775242 90.3%, #5e4931 93.5%, #4a4028 96.8%, #3c3924 100.0%);
background: linear-gradient(315deg in oklch, oklch(94.09% 0.0207 307.97) 0.0%, oklch(91.02% 0.0247 322.76) 3.2%, oklch(86.59% 0.0304 344.92) 6.5%, oklch(81.30% 0.0372 11.45) 9.7%, oklch(75.64% 0.0445 39.33) 12.9%, oklch(70.10% 0.0520 65.54) 16.1%, oklch(65.16% 0.0590 87.06) 19.4%, oklch(61.32% 0.0652 100.88) 22.6%, oklch(59.04% 0.0700 103.99) 25.8%, oklch(58.21% 0.0738 95.35) 29.0%, oklch(58.44% 0.0770 77.54) 32.3%, oklch(59.45% 0.0797 53.55) 35.5%, oklch(60.97% 0.0820 26.35) 38.7%, oklch(62.70% 0.0840 358.94) 41.9%, oklch(64.37% 0.0858 334.29) 45.2%, oklch(65.70% 0.0874 315.39) 48.4%, oklch(66.57% 0.0891 304.17) 51.6%, oklch(67.74% 0.0911 296.25) 54.8%, oklch(69.14% 0.0933 290.78) 58.1%, oklch(70.53% 0.0952 287.81) 61.3%, oklch(71.64% 0.0967 287.43) 64.5%, oklch(72.25% 0.0972 289.69) 67.7%, oklch(72.10% 0.0966 294.66) 71.0%, oklch(70.95% 0.0945 302.42) 74.2%, oklch(68.41% 0.0903 314.32) 77.4%, oklch(64.32% 0.0835 332.52) 80.6%, oklch(59.14% 0.0751 355.13) 83.9%, oklch(53.37% 0.0656 20.08) 87.1%, oklch(47.50% 0.0561 45.33) 90.3%, oklch(42.03% 0.0471 68.81) 93.5%, oklch(37.45% 0.0397 88.47) 96.8%, oklch(34.25% 0.0344 102.25) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.021 | 308 |
| 2 | 0.594 | 0.069 | 464.4 |
| 3 | 0.661 | 0.088 | 309 |
| 4 | 0.705 | 0.094 | 304.8 |
| 5 | 0.343 | 0.034 | 462.3 |

## In these collections

- [Lavender](https://grabient.com/lavender)

## Other forms

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