# Magenta, purple, navy and tan linear swatches

Magenta, purple, navy and tan linear swatches with 7 colors: #9c1f55, #5d1e67, #2c1a55, #3f194a, #6a273e, #ad5f32, #d1a532. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUdncAI6U37AkSDescng`
- Page: https://grabient.com/kUdncAI6U37AkSDescng?style=linearSwatches&angle=160
- Drawn as: linear swatches, 7 steps, 160 degrees
- Kinds: dark center, dark
- Hues: wide
- Contrast of its darkest and lightest colors: 6.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 | `#9c1f55` | `oklch(46.46% 0.1640 0.00)` | Hydrangea Red | white, 7.6 to 1 |
| 2 | `#5d1e67` | `oklch(36.59% 0.1331 321.82)` | Violethargic | white, 11.3 to 1 |
| 3 | `#2c1a55` | `oklch(27.95% 0.1020 292.37)` | Fabric of Space | white, 15.1 to 1 |
| 4 | `#3f194a` | `oklch(29.43% 0.0944 317.73)` | Obsidian Orchid | white, 14.4 to 1 |
| 5 | `#6a273e` | `oklch(37.80% 0.0992 2.11)` | Siren | white, 10.6 to 1 |
| 6 | `#ad5f32` | `oklch(56.72% 0.1176 48.74)` | Corn Snake | white, 4.7 to 1 |
| 7 | `#d1a532` | `oklch(74.41% 0.1364 86.65)` | Kingdom Gold | black, 9.1 to 1 |

## CSS

```css
background: linear-gradient(160deg, #9c1f55 0.000% 14.286%, #5d1e67 14.286% 28.571%, #2c1a55 28.571% 42.857%, #3f194a 42.857% 57.143%, #6a273e 57.143% 71.429%, #ad5f32 71.429% 85.714%, #d1a532 85.714% 100.000%);
background: linear-gradient(160deg, oklch(46.46% 0.1640 0.00) 0.000% 14.286%, oklch(36.59% 0.1331 321.82) 14.286% 28.571%, oklch(27.95% 0.1020 292.37) 28.571% 42.857%, oklch(29.43% 0.0944 317.73) 42.857% 57.143%, oklch(37.80% 0.0992 2.11) 57.143% 71.429%, oklch(56.72% 0.1176 48.74) 71.429% 85.714%, oklch(74.41% 0.1364 86.65) 85.714% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.465 | 0.164 | 0 |
| 2 | 0.28 | 0.102 | -67.6 |
| 3 | 0.378 | 0.099 | 2.1 |
| 4 | 0.744 | 0.136 | 86.7 |

## In these collections

- [Glamoratti](https://grabient.com/glamoratti)

## Other forms

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