# Light blue, lavender, brown and gray linear gradient

Light blue, lavender, brown and gray linear gradient with 7 colors: #bacfe5, #7c9fc1, #6c85b8, #9686c2, #af86b2, #b38374, #72896c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW1xywz5vAlOgxPVmkZTJJRo`
- Page: https://grabient.com/kW1xywz5vAlOgxPVmkZTJJRo
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#bacfe5` | `oklch(84.65% 0.0386 248.20)` | Bewitching Blue | black, 13.1 to 1 |
| 2 | `#7c9fc1` | `oklch(68.90% 0.0637 248.79)` | Alaskan Ice | black, 7.5 to 1 |
| 3 | `#6c85b8` | `oklch(61.84% 0.0833 264.41)` | Kimono | black, 5.6 to 1 |
| 4 | `#9686c2` | `oklch(65.75% 0.0896 295.76)` | Magic Carpet | black, 6.4 to 1 |
| 5 | `#af86b2` | `oklch(67.50% 0.0791 324.13)` | African Violet | black, 6.9 to 1 |
| 6 | `#b38374` | `oklch(65.34% 0.0638 38.11)` | Auburn Glaze | black, 6.4 to 1 |
| 7 | `#72896c` | `oklch(60.24% 0.0496 139.71)` | Wonderland | black, 5.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #bacfe5 0.0%, #7c9fc1 16.7%, #6c85b8 33.3%, #9686c2 50.0%, #af86b2 66.7%, #b38374 83.3%, #72896c 100.0%);
background: linear-gradient(90deg in oklch, oklch(84.65% 0.0386 248.20) 0.0%, oklch(68.90% 0.0637 248.79) 16.7%, oklch(61.84% 0.0833 264.41) 33.3%, oklch(65.75% 0.0896 295.76) 50.0%, oklch(67.50% 0.0791 324.13) 66.7%, oklch(65.34% 0.0638 38.11) 83.3%, oklch(60.24% 0.0496 139.71) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.846 | 0.039 | 248.2 |
| 2 | 0.626 | 0.076 | 253.5 |
| 3 | 0.657 | 0.09 | 295.8 |
| 4 | 0.673 | 0.072 | 349.7 |
| 5 | 0.602 | 0.05 | 499.7 |

## In these collections

- [Hydrangea ribbon boutonniere](https://grabient.com/hydrangea-ribbon-boutonniere)
- [Blue and purple gradients](https://grabient.com/blue-and-purple-gradients)

## Other forms

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