# Mauve, lime and turquoise iridescent glass interface

The Mauve, lime and turquoise iridescent glass interface brings together red, light orange, gold, light green, teal, and blue. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is light green.

- Also called: Mauve, tan, light green and blue linear swatches
- Seed: `kYmS7-XJ7HWkoRnsN0P5SzDNikxw`
- Page: https://grabient.com/kYmS7-XJ7HWkoRnsN0P5SzDNikxw?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: pastel, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#a17181` | `oklch(60.24% 0.0634 357.19)` | Never Forget | black, 5.1 to 1 |
| 2 | `#cf9b71` | `oklch(72.83% 0.0841 59.54)` | Rustic Adobe | black, 8.5 to 1 |
| 3 | `#c4cf79` | `oklch(82.68% 0.1102 114.49)` | Alligator Alley | black, 12.5 to 1 |
| 4 | `#82e995` | `oklch(85.04% 0.1516 148.30)` | Ragweed | black, 14 to 1 |
| 5 | `#52d6b9` | `oklch(79.53% 0.1226 175.78)` | Sweet Garden | black, 11.6 to 1 |
| 6 | `#5aa7d4` | `oklch(69.69% 0.1006 236.01)` | Hoeth Blue | black, 7.9 to 1 |

## CSS

```css
background: linear-gradient(180deg, #a17181 0.000% 16.667%, #cf9b71 16.667% 33.333%, #c4cf79 33.333% 50.000%, #82e995 50.000% 66.667%, #52d6b9 66.667% 83.333%, #5aa7d4 83.333% 100.000%);
background: linear-gradient(180deg, oklch(60.24% 0.0634 357.19) 0.000% 16.667%, oklch(72.83% 0.0841 59.54) 16.667% 33.333%, oklch(82.68% 0.1102 114.49) 33.333% 50.000%, oklch(85.04% 0.1516 148.30) 50.000% 66.667%, oklch(79.53% 0.1226 175.78) 66.667% 83.333%, oklch(69.69% 0.1006 236.01) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.602 | 0.063 | 357.2 |
| 2 | 0.728 | 0.084 | 419.5 |
| 3 | 0.827 | 0.11 | 474.5 |
| 4 | 0.85 | 0.152 | 508.3 |
| 5 | 0.795 | 0.123 | 535.8 |
| 6 | 0.697 | 0.101 | 596 |

## In these collections

- [Iridescent glass interface](https://grabient.com/iridescent-glass-interface)

## Other forms

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