# Muted rainbow from teal to pink linear gradient

Muted rainbow from teal to pink linear gradient with 7 colors: #aad2b6, #23314f, #573a38, #584330, #615c36, #8ac0dc, #fdc2d1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY0ipuIRRPjmOT2vEkD3pjQO6Z0o`
- Page: https://grabient.com/kY0ipuIRRPjmOT2vEkD3pjQO6Z0o
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: dark center, rainbow
- Hues: tetradic
- Contrast of its darkest and lightest colors: 8.4 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 | `#aad2b6` | `oklch(82.68% 0.0579 154.69)` | Glenwood Green | black, 12.5 to 1 |
| 2 | `#23314f` | `oklch(31.69% 0.0564 263.30)` | Blue Lobelia | white, 12.8 to 1 |
| 3 | `#573a38` | `oklch(38.07% 0.0426 23.26)` | Smoked Claret | white, 10.1 to 1 |
| 4 | `#584330` | `oklch(40.01% 0.0419 61.65)` | Old Treasure Chest | white, 9.3 to 1 |
| 5 | `#615c36` | `oklch(47.01% 0.0556 101.77)` | Eastern Bamboo | white, 6.7 to 1 |
| 6 | `#8ac0dc` | `oklch(78.09% 0.0689 230.55)` | Sky Babe | black, 10.6 to 1 |
| 7 | `#fdc2d1` | `oklch(87.01% 0.0703 1.11)` | Garden Glory | black, 13.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #aad2b6 0.0%, #23314f 16.7%, #573a38 33.3%, #584330 50.0%, #615c36 66.7%, #8ac0dc 83.3%, #fdc2d1 100.0%);
background: linear-gradient(90deg in oklch, oklch(82.68% 0.0579 154.69) 0.0%, oklch(31.69% 0.0564 263.30) 16.7%, oklch(38.07% 0.0426 23.26) 33.3%, oklch(40.01% 0.0419 61.65) 50.0%, oklch(47.01% 0.0556 101.77) 66.7%, oklch(78.09% 0.0689 230.55) 83.3%, oklch(87.01% 0.0703 1.11) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.827 | 0.058 | 154.7 |
| 2 | 0.26 | 0.055 | 286.8 |
| 3 | 0.453 | 0.039 | 417.8 |
| 4 | 0.37 | 0.05 | 426.3 |
| 5 | 0.744 | 0.068 | 563.7 |
| 6 | 0.87 | 0.07 | 721.1 |

## Other forms

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