# Maroon, pink, white and black linear gradient

Maroon, pink, white and black linear gradient with 7 colors: #6b2739, #a76b7a, #e8bac0, #fff7f4, #fff8ea, #82817c, #171717. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUYEgFaZPAPyHSMaAD_g`
- Page: https://grabient.com/kUYEgFaZPAPyHSMaAD_g
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: light center, pastel
- Hues: analogous
- Contrast of its darkest and lightest colors: 16.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 | `#6b2739` | `oklch(37.80% 0.0992 7.03)` | Siren | white, 10.6 to 1 |
| 2 | `#a76b7a` | `oklch(59.50% 0.0786 3.40)` | Black Elder | black, 5 to 1 |
| 3 | `#e8bac0` | `oklch(83.07% 0.0537 9.14)` | Peppermint Stick | black, 12.1 to 1 |
| 4 | `#fff7f4` | `oklch(98.23% 0.0094 46.83)` | Sugar Milk | black, 19.9 to 1 |
| 5 | `#fff8ea` | `oklch(98.03% 0.0193 84.17)` | Toasted Marshmallow Fluff | black, 19.8 to 1 |
| 6 | `#82817c` | `oklch(60.19% 0.0075 88.86)` | Glen Plaid | black, 5.3 to 1 |
| 7 | `#171717` | `oklch(20.47% 0.0000 89.88)` | Cynical Black | white, 17.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #6b2739 0.0%, #a76b7a 16.7%, #e8bac0 33.3%, #fff7f4 50.0%, #fff8ea 66.7%, #82817c 83.3%, #171717 100.0%);
background: linear-gradient(90deg in oklch, oklch(37.80% 0.0992 7.03) 0.0%, oklch(59.50% 0.0786 3.40) 16.7%, oklch(83.07% 0.0537 9.14) 33.3%, oklch(98.23% 0.0094 46.83) 50.0%, oklch(98.03% 0.0193 84.17) 66.7%, oklch(60.19% 0.0075 88.86) 83.3%, oklch(20.47% 0.0000 89.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.378 | 0.099 | 7 |
| 2 | 0.831 | 0.054 | 9.1 |
| 3 | 0.98 | 0.019 | 84.2 |
| 4 | 0.205 | 0 | 84.2 |

## In these collections

- [Winter wedding swatches](https://grabient.com/winter-wedding-swatches)

## Other forms

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