# Peach lilac electric violet bands

Beige, purple and blue linear swatches with 13 colors: #ddc3af, #e3b2b7, #d7a0d2, #d289e1, #c870ed, #bc55f3, #ae39f7, #9f18f6, #8d04f0, #7900e5, #6404d7, #4c03c4, #3701b1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Beige, purple and blue linear swatches
- Seed: `kc1B0q4502Fs9PdR1r8SOY_UFkPw5W77r1G-o`
- Page: https://grabient.com/kc1B0q4502Fs9PdR1r8SOY_UFkPw5W77r1G-o?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: light to dark, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.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 | `#ddc3af` | `oklch(83.46% 0.0400 59.77)` | Artisan Tea | black, 12.5 to 1 |
| 2 | `#e3b2b7` | `oklch(80.85% 0.0578 10.65)` | Amazon River Dolphin | black, 11.2 to 1 |
| 3 | `#d7a0d2` | `oklch(77.33% 0.0920 329.37)` | Velvet Horizon | black, 9.8 to 1 |
| 4 | `#d289e1` | `oklch(73.42% 0.1462 320.53)` | Blush Essence | black, 8.3 to 1 |
| 5 | `#c870ed` | `oklch(69.20% 0.1939 314.99)` | Fake Love | black, 6.9 to 1 |
| 6 | `#bc55f3` | `oklch(64.79% 0.2336 311.43)` | Bubblegum Baby Girl | black, 5.7 to 1 |
| 7 | `#ae39f7` | `oklch(60.53% 0.2645 308.28)` | Sweet Desire | black, 4.7 to 1 |
| 8 | `#9f18f6` | `oklch(56.55% 0.2824 305.10)` | Singapore Orchid | white, 5.3 to 1 |
| 9 | `#8d04f0` | `oklch(53.14% 0.2805 300.86)` | Electric Violet | white, 6.1 to 1 |
| 10 | `#7900e5` | `oklch(49.68% 0.2709 296.24)` | Voluptuous Violet | white, 7.1 to 1 |
| 11 | `#6404d7` | `oklch(46.03% 0.2565 291.33)` | Trusted Purple | white, 8.2 to 1 |
| 12 | `#4c03c4` | `oklch(41.31% 0.2396 285.00)` | Violet Blue | white, 9.9 to 1 |
| 13 | `#3701b1` | `oklch(37.01% 0.2246 279.22)` | Deep Daijin Blue | white, 11.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ddc3af 0.000% 7.692%, #e3b2b7 7.692% 15.385%, #d7a0d2 15.385% 23.077%, #d289e1 23.077% 30.769%, #c870ed 30.769% 38.462%, #bc55f3 38.462% 46.154%, #ae39f7 46.154% 53.846%, #9f18f6 53.846% 61.538%, #8d04f0 61.538% 69.231%, #7900e5 69.231% 76.923%, #6404d7 76.923% 84.615%, #4c03c4 84.615% 92.308%, #3701b1 92.308% 100.000%);
background: linear-gradient(90deg, oklch(83.46% 0.0400 59.77) 0.000% 7.692%, oklch(80.85% 0.0578 10.65) 7.692% 15.385%, oklch(77.33% 0.0920 329.37) 15.385% 23.077%, oklch(73.42% 0.1462 320.53) 23.077% 30.769%, oklch(69.20% 0.1939 314.99) 30.769% 38.462%, oklch(64.79% 0.2336 311.43) 38.462% 46.154%, oklch(60.53% 0.2645 308.28) 46.154% 53.846%, oklch(56.55% 0.2824 305.10) 53.846% 61.538%, oklch(53.14% 0.2805 300.86) 61.538% 69.231%, oklch(49.68% 0.2709 296.24) 69.231% 76.923%, oklch(46.03% 0.2565 291.33) 76.923% 84.615%, oklch(41.31% 0.2396 285.00) 84.615% 92.308%, oklch(37.01% 0.2246 279.22) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.835 | 0.04 | 59.8 |
| 2 | 0.783 | 0.08 | -23.7 |
| 3 | 0.717 | 0.168 | -41.7 |
| 4 | 0.642 | 0.238 | -49.1 |
| 5 | 0.571 | 0.281 | -54.4 |
| 6 | 0.512 | 0.276 | -61.8 |
| 7 | 0.449 | 0.252 | -70.2 |
| 8 | 0.37 | 0.225 | -80.8 |

## In these collections

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

## Other forms

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