# Red Velvet, Aqua Silk

These horizontal bands move through vivid red, deep teal, deep magenta, teal, and pale rose. The complete visible route keeps the collection’s named color relationship clear while providing distinct light and dark areas for type, marks, and framing.

- Also called: Rainbow linear swatches
- Seed: `kWvmkPqRNUKisKvjHiucJVTY`
- Page: https://grabient.com/kWvmkPqRNUKisKvjHiucJVTY?style=linearSwatches&steps=5&angle=180
- Drawn as: linear swatches, 5 steps, 180 degrees
- Kinds: dark center, vivid, rainbow
- Hues: complementary
- Contrast of its darkest and lightest colors: 9.3 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 | `#fc8584` | `oklch(74.80% 0.1447 21.80)` | Strawberry Field | black, 8.8 to 1 |
| 2 | `#063c3b` | `oklch(32.28% 0.0524 192.99)` | Rich Black | white, 12.2 to 1 |
| 3 | `#62061d` | `oklch(31.89% 0.1213 15.46)` | Merguez | white, 13.4 to 1 |
| 4 | `#73c7cf` | `oklch(77.95% 0.0827 203.21)` | Salt Lake | black, 10.8 to 1 |
| 5 | `#fdcad2` | `oklch(88.58% 0.0579 8.06)` | Fruit Bowl | black, 14.5 to 1 |

## CSS

```css
background: linear-gradient(180deg, #fc8584 0.000% 20.000%, #063c3b 20.000% 40.000%, #62061d 40.000% 60.000%, #73c7cf 60.000% 80.000%, #fdcad2 80.000% 100.000%);
background: linear-gradient(180deg, oklch(74.80% 0.1447 21.80) 0.000% 20.000%, oklch(32.28% 0.0524 192.99) 20.000% 40.000%, oklch(31.89% 0.1213 15.46) 40.000% 60.000%, oklch(77.95% 0.0827 203.21) 60.000% 80.000%, oklch(88.58% 0.0579 8.06) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.748 | 0.145 | 21.8 |
| 2 | 0.323 | 0.052 | 193 |
| 3 | 0.319 | 0.121 | 15.5 |
| 4 | 0.78 | 0.083 | -156.8 |
| 5 | 0.886 | 0.058 | 8.1 |

## In these collections

- [Complementary swatches](https://grabient.com/complementary-swatches)

## Other forms

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