# Terracotta, dusty blue and near-black muted rainbow

The Terracotta, dusty blue and near-black muted rainbow brings together orange, light green, blue, dark purple, and black. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is black, and its lightest tone is light green.

- Also called: Brown, gray, blue and black linear gradient
- Seed: `kYpjIm3YlLFUQyY6FMTGpPD4aKxs`
- Page: https://grabient.com/kYpjIm3YlLFUQyY6FMTGpPD4aKxs
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: light center, muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 8.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 | `#b28568` | `oklch(65.35% 0.0689 54.14)` | Syrup | black, 6.4 to 1 |
| 2 | `#a1ac99` | `oklch(73.01% 0.0289 132.16)` | Garden | black, 8.8 to 1 |
| 3 | `#87a8ac` | `oklch(70.79% 0.0369 205.88)` | Stone Silver | black, 8.2 to 1 |
| 4 | `#637b97` | `oklch(57.43% 0.0524 253.14)` | Indigo Dreams | black, 4.8 to 1 |
| 5 | `#3c3d5e` | `oklch(37.33% 0.0574 281.69)` | Patriot Blue | white, 10.4 to 1 |
| 6 | `#180920` | `oklch(17.54% 0.0506 313.54)` | Meški Black | white, 19.1 to 1 |
| 7 | `#020000` | `oklch(5.60% 0.0224 9.41)` | Binary Black | white, 20.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #b28568 0.0%, #a1ac99 16.7%, #87a8ac 33.3%, #637b97 50.0%, #3c3d5e 66.7%, #180920 83.3%, #020000 100.0%);
background: linear-gradient(90deg in oklch, oklch(65.35% 0.0689 54.14) 0.0%, oklch(73.01% 0.0289 132.16) 16.7%, oklch(70.79% 0.0369 205.88) 33.3%, oklch(57.43% 0.0524 253.14) 50.0%, oklch(37.33% 0.0574 281.69) 66.7%, oklch(17.54% 0.0506 313.54) 83.3%, oklch(5.60% 0.0224 9.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.654 | 0.069 | 54.1 |
| 2 | 0.736 | 0.025 | 148.2 |
| 3 | 0.669 | 0.045 | 229.6 |
| 4 | 0.457 | 0.056 | 270.8 |
| 5 | 0.209 | 0.054 | 304.6 |
| 6 | 0.051 | 0.029 | 362.7 |

## In these collections

- [Muted rainbow gradients](https://grabient.com/muted-rainbow-gradients)

## Other forms

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