# Muted rainbow from gray to purple linear gradient

Muted rainbow from gray to purple linear gradient with 7 colors: #c0c3b7, #88a7a1, #5b829a, #37777f, #547349, #a26a4d, #ad78a7. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUzgxUSpTN8IatFRoawA`
- Page: https://grabient.com/kUzgxUSpTN8IatFRoawA
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: muted, rainbow
- Hues: triadic
- Contrast of its darkest and lightest colors: 2.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 | `#c0c3b7` | `oklch(81.10% 0.0165 118.12)` | Balsam | black, 11.7 to 1 |
| 2 | `#88a7a1` | `oklch(70.30% 0.0355 183.45)` | Tropical Cascade | black, 8 to 1 |
| 3 | `#5b829a` | `oklch(58.66% 0.0565 236.48)` | Bountiful Blue | black, 5 to 1 |
| 4 | `#37777f` | `oklch(53.15% 0.0661 205.24)` | Diver’s Eden | white, 5 to 1 |
| 5 | `#547349` | `oklch(51.97% 0.0730 138.20)` | Irish Clover | white, 5.3 to 1 |
| 6 | `#a26a4d` | `oklch(57.65% 0.0837 48.05)` | Hazel | black, 4.6 to 1 |
| 7 | `#ad78a7` | `oklch(64.17% 0.0923 330.18)` | Victorian Violet | black, 6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #c0c3b7 0.0%, #88a7a1 16.7%, #5b829a 33.3%, #37777f 50.0%, #547349 66.7%, #a26a4d 83.3%, #ad78a7 100.0%);
background: linear-gradient(90deg in oklch, oklch(81.10% 0.0165 118.12) 0.0%, oklch(70.30% 0.0355 183.45) 16.7%, oklch(58.66% 0.0565 236.48) 33.3%, oklch(53.15% 0.0661 205.24) 50.0%, oklch(51.97% 0.0730 138.20) 66.7%, oklch(57.65% 0.0837 48.05) 83.3%, oklch(64.17% 0.0923 330.18) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.811 | 0.017 | 118.1 |
| 2 | 0.587 | 0.056 | 236.5 |
| 3 | 0.52 | 0.073 | 138.2 |
| 4 | 0.642 | 0.092 | -29.8 |

## In these collections

- [Fynbos after winter rain](https://grabient.com/fynbos-after-winter-rain)

## Other forms

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