# Lilac, emerald and blush rainbow loop palette

The Lilac, emerald and blush rainbow loop palette brings together light magenta, magenta, red, yellow, green, and light blue. The colors span a moderate lightness range, combining strong color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is yellow, and its lightest tone is green.

- Also called: Rainbow linear gradient
- Seed: `kc1UXlXsZD9I3wdRF8r5zvGfQxQXulkmYzfLA`
- Page: https://grabient.com/kc1UXlXsZD9I3wdRF8r5zvGfQxQXulkmYzfLA?steps=8
- Drawn as: linear gradient, 8 steps, 90 degrees
- Kinds: vivid, rainbow
- Hues: complementary
- Contrast of its darkest and lightest colors: 2.8 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 | `#e8b6ef` | `oklch(83.86% 0.0951 322.03)` | Lovecloud | black, 12.3 to 1 |
| 2 | `#ff77b0` | `oklch(74.41% 0.1756 355.84)` | Erythrosine | black, 8.5 to 1 |
| 3 | `#da6075` | `oklch(64.57% 0.1530 11.70)` | Swiss Chard | black, 5.9 to 1 |
| 4 | `#918e5f` | `oklch(63.78% 0.0648 104.69)` | Nick’s Nook | black, 6.2 to 1 |
| 5 | `#43e19b` | `oklch(81.10% 0.1640 159.64)` | Aqua Green | black, 12.4 to 1 |
| 6 | `#77ffd9` | `oklch(91.34% 0.1320 172.33)` | Hiroshima Aquamarine | black, 17 to 1 |
| 7 | `#b9d7fc` | `oklch(87.01% 0.0606 253.69)` | Oh Boy! | black, 14.2 to 1 |
| 8 | `#fd8cc9` | `oklch(77.95% 0.1530 347.75)` | Shimmering Love | black, 9.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e8b6ef 0.0%, #ff77b0 14.3%, #da6075 28.6%, #918e5f 42.9%, #43e19b 57.1%, #77ffd9 71.4%, #b9d7fc 85.7%, #fd8cc9 100.0%);
background: linear-gradient(90deg in oklch, oklch(83.86% 0.0951 322.03) 0.0%, oklch(74.41% 0.1756 355.84) 14.3%, oklch(64.57% 0.1530 11.70) 28.6%, oklch(63.78% 0.0648 104.69) 42.9%, oklch(81.10% 0.1640 159.64) 57.1%, oklch(91.34% 0.1320 172.33) 71.4%, oklch(87.01% 0.0606 253.69) 85.7%, oklch(77.95% 0.1530 347.75) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.839 | 0.095 | 322 |
| 2 | 0.744 | 0.193 | 355.8 |
| 3 | 0.646 | 0.153 | 371.7 |
| 4 | 0.638 | 0.065 | 464.7 |
| 5 | 0.811 | 0.164 | 519.6 |
| 6 | 0.913 | 0.135 | 532.3 |
| 7 | 0.87 | 0.061 | 613.7 |
| 8 | 0.78 | 0.153 | 707.7 |

## In these collections

- [Rainbow loop gradients](https://grabient.com/rainbow-loop-gradients)

## Other forms

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