# Lilac peach and dark plum stone light

Brown, lavender, tan and dark purple angular gradient with 32 colors: #745446, #7f5d52, #8f6a66, #a17b7e, #b38d99, #c3a0b3, #cfb0ca, #d5bada, #d4bde2, #cab6e0, #b9a7d7, #a394c9, #8c7eb9, #796aa9, #6b599b, #664e91, #6c4a8b, #7f4d87, #985782, #b1687b, #c57e77, #d09479, #d3a57f, #d2ab83, #caa480, #bc9178, #a7796e, #8c5f64, #6d475a, #4e344e, #342542, #231b38. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, lavender, tan and dark purple angular gradient
- Seed: `kWeSMgaZQ1TwnvnhGU6n5OwQ`
- Page: https://grabient.com/kWeSMgaZQ1TwnvnhGU6n5OwQ?style=angularGradient&steps=32&angle=120
- Drawn as: angular gradient, 32 steps, 120 degrees
- Kinds: light center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 9.4 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 | `#745446` | `oklch(47.64% 0.0482 45.00)` | Briar | white, 6.7 to 1 |
| 2 | `#7f5d52` | `oklch(50.99% 0.0484 37.25)` | Wild West | white, 5.8 to 1 |
| 3 | `#8f6a66` | `oklch(56.03% 0.0484 26.29)` | Western Clay | white, 4.7 to 1 |
| 4 | `#a17b7e` | `oklch(62.05% 0.0482 13.22)` | Brandied Apple | black, 5.6 to 1 |
| 5 | `#b38d99` | `oklch(68.38% 0.0483 359.09)` | Mauve Shadows | black, 7.2 to 1 |
| 6 | `#c3a0b3` | `oklch(74.32% 0.0489 345.00)` | Hollyhock Pink | black, 9 to 1 |
| 7 | `#cfb0ca` | `oklch(79.19% 0.0503 332.01)` | Lavender Knoll | black, 10.7 to 1 |
| 8 | `#d5bada` | `oklch(82.30% 0.0526 321.20)` | Plum Point | black, 11.9 to 1 |
| 9 | `#d4bde2` | `oklch(82.96% 0.0562 313.53)` | Plum Point | black, 12.1 to 1 |
| 10 | `#cab6e0` | `oklch(80.63% 0.0622 307.26)` | Viking Diva | black, 11.2 to 1 |
| 11 | `#b9a7d7` | `oklch(75.94% 0.0701 301.75)` | Grape Illusion | black, 9.5 to 1 |
| 12 | `#a394c9` | `oklch(69.77% 0.0791 297.39)` | Distinct Purple | black, 7.6 to 1 |
| 13 | `#8c7eb9` | `oklch(63.00% 0.0883 294.58)` | Unimaginable | black, 5.8 to 1 |
| 14 | `#796aa9` | `oklch(56.50% 0.0968 293.70)` | Wintertime Mauve | white, 4.7 to 1 |
| 15 | `#6b599b` | `oklch(51.17% 0.1036 295.14)` | Rollick | white, 5.9 to 1 |
| 16 | `#664e91` | `oklch(47.86% 0.1079 299.28)` | Purple Corallite | white, 6.8 to 1 |
| 17 | `#6c4a8b` | `oklch(47.45% 0.1089 307.16)` | Grapes of Italy | white, 7 to 1 |
| 18 | `#7f4d87` | `oklch(50.01% 0.1066 321.86)` | Vibrant Orchid | white, 6.3 to 1 |
| 19 | `#985782` | `oklch(54.68% 0.1020 341.60)` | Feminism | white, 5.1 to 1 |
| 20 | `#b1687b` | `oklch(60.50% 0.0958 3.84)` | Refined Rose | black, 5.1 to 1 |
| 21 | `#c57e77` | `oklch(66.55% 0.0887 26.04)` | Brownish Pink | black, 6.6 to 1 |
| 22 | `#d09479` | `oklch(71.88% 0.0815 45.65)` | Feldspar | black, 8.2 to 1 |
| 23 | `#d3a57f` | `oklch(75.55% 0.0750 60.15)` | City Sunrise | black, 9.4 to 1 |
| 24 | `#d2ab83` | `oklch(76.62% 0.0699 66.98)` | Toast and Butter | black, 9.8 to 1 |
| 25 | `#caa480` | `oklch(74.35% 0.0664 63.99)` | Siesta Dreams | black, 9.1 to 1 |
| 26 | `#bc9178` | `oklch(69.18% 0.0635 52.13)` | Mojave Dusk | black, 7.4 to 1 |
| 27 | `#a7796e` | `oklch(61.94% 0.0611 33.92)` | Rum Spice | black, 5.6 to 1 |
| 28 | `#8c5f64` | `oklch(53.51% 0.0590 11.84)` | Cherry Cocoa | white, 5.3 to 1 |
| 29 | `#6d475a` | `oklch(44.72% 0.0574 348.42)` | Annis | white, 7.7 to 1 |
| 30 | `#4e344e` | `oklch(36.44% 0.0560 326.15)` | Shadow Purple | white, 10.9 to 1 |
| 31 | `#342542` | `oklch(29.52% 0.0548 307.54)` | Power Outage | white, 14.1 to 1 |
| 32 | `#231b38` | `oklch(24.80% 0.0537 295.10)` | Throat | white, 16.3 to 1 |

## CSS

```css
background: conic-gradient(from 120deg, #745446 0.0%, #7f5d52 3.2%, #8f6a66 6.5%, #a17b7e 9.7%, #b38d99 12.9%, #c3a0b3 16.1%, #cfb0ca 19.4%, #d5bada 22.6%, #d4bde2 25.8%, #cab6e0 29.0%, #b9a7d7 32.3%, #a394c9 35.5%, #8c7eb9 38.7%, #796aa9 41.9%, #6b599b 45.2%, #664e91 48.4%, #6c4a8b 51.6%, #7f4d87 54.8%, #985782 58.1%, #b1687b 61.3%, #c57e77 64.5%, #d09479 67.7%, #d3a57f 71.0%, #d2ab83 74.2%, #caa480 77.4%, #bc9178 80.6%, #a7796e 83.9%, #8c5f64 87.1%, #6d475a 90.3%, #4e344e 93.5%, #342542 96.8%, #231b38 100.0%);
background: conic-gradient(from 120deg in oklch, oklch(47.64% 0.0482 45.00) 0.0%, oklch(50.99% 0.0484 37.25) 3.2%, oklch(56.03% 0.0484 26.29) 6.5%, oklch(62.05% 0.0482 13.22) 9.7%, oklch(68.38% 0.0483 359.09) 12.9%, oklch(74.32% 0.0489 345.00) 16.1%, oklch(79.19% 0.0503 332.01) 19.4%, oklch(82.30% 0.0526 321.20) 22.6%, oklch(82.96% 0.0562 313.53) 25.8%, oklch(80.63% 0.0622 307.26) 29.0%, oklch(75.94% 0.0701 301.75) 32.3%, oklch(69.77% 0.0791 297.39) 35.5%, oklch(63.00% 0.0883 294.58) 38.7%, oklch(56.50% 0.0968 293.70) 41.9%, oklch(51.17% 0.1036 295.14) 45.2%, oklch(47.86% 0.1079 299.28) 48.4%, oklch(47.45% 0.1089 307.16) 51.6%, oklch(50.01% 0.1066 321.86) 54.8%, oklch(54.68% 0.1020 341.60) 58.1%, oklch(60.50% 0.0958 3.84) 61.3%, oklch(66.55% 0.0887 26.04) 64.5%, oklch(71.88% 0.0815 45.65) 67.7%, oklch(75.55% 0.0750 60.15) 71.0%, oklch(76.62% 0.0699 66.98) 74.2%, oklch(74.35% 0.0664 63.99) 77.4%, oklch(69.18% 0.0635 52.13) 80.6%, oklch(61.94% 0.0611 33.92) 83.9%, oklch(53.51% 0.0590 11.84) 87.1%, oklch(44.72% 0.0574 348.42) 90.3%, oklch(36.44% 0.0560 326.15) 93.5%, oklch(29.52% 0.0548 307.54) 96.8%, oklch(24.80% 0.0537 295.10) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.476 | 0.048 | 45 |
| 2 | 0.831 | 0.055 | -44.8 |
| 3 | 0.472 | 0.109 | -57.5 |
| 4 | 0.764 | 0.069 | 67.2 |
| 5 | 0.248 | 0.054 | -64.9 |

## In these collections

- [Violet rain on sandstone](https://grabient.com/violet-rain-on-sandstone)

## Other forms

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