# Muted rainbow horizontal bands

Gray, blue, tan and green linear swatches with 21 colors: #6c6468, #746173, #70618c, #6465a4, #6367b8, #6c68c8, #736bce, #7373ca, #7a79bf, #917aae, #a47d8f, #a28780, #a58f7a, #ad9666, #af9f53, #aca852, #aead5a, #adb367, #a3bc7b, #97c496, #93c8a7. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray, blue, tan and green linear swatches
- Seed: `kcggn3w6K4Um2QBOIUDUwxN9mlxffJEF5BrFA`
- Page: https://grabient.com/kcggn3w6K4Um2QBOIUDUwxN9mlxffJEF5BrFA?style=linearSwatches&steps=21&angle=0
- Drawn as: linear swatches, 21 steps, 0 degrees
- Kinds: multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 3 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 | `#6c6468` | `oklch(51.18% 0.0124 348.05)` | Scorpion | white, 5.7 to 1 |
| 2 | `#746173` | `oklch(51.61% 0.0364 327.64)` | Black Plum | white, 5.7 to 1 |
| 3 | `#70618c` | `oklch(52.29% 0.0698 300.14)` | Posy Purple | white, 5.5 to 1 |
| 4 | `#6465a4` | `oklch(53.33% 0.0986 282.15)` | Blue Iris | white, 5.3 to 1 |
| 5 | `#6367b8` | `oklch(54.90% 0.1240 278.99)` | Bluish Purple Anemone | white, 5 to 1 |
| 6 | `#6c68c8` | `oklch(56.71% 0.1439 282.40)` | Ultra Violet | white, 4.7 to 1 |
| 7 | `#736bce` | `oklch(58.27% 0.1476 284.63)` | C64 Purple | black, 4.7 to 1 |
| 8 | `#7373ca` | `oklch(59.53% 0.1304 281.36)` | Kickstart Purple | black, 5 to 1 |
| 9 | `#7a79bf` | `oklch(60.70% 0.1043 283.36)` | Ube | black, 5.3 to 1 |
| 10 | `#917aae` | `oklch(61.98% 0.0810 304.43)` | Gentian | black, 5.5 to 1 |
| 11 | `#a47d8f` | `oklch(63.29% 0.0540 348.51)` | Dusky Orchid | black, 5.9 to 1 |
| 12 | `#a28780` | `oklch(64.70% 0.0348 35.25)` | Cocoa Berry | black, 6.3 to 1 |
| 13 | `#a58f7a` | `oklch(66.31% 0.0401 65.48)` | Utaupeia | black, 6.7 to 1 |
| 14 | `#ad9666` | `oklch(68.16% 0.0697 84.65)` | Osso Bucco | black, 7.3 to 1 |
| 15 | `#af9f53` | `oklch(69.99% 0.0988 97.89)` | Gingko Leaf | black, 7.8 to 1 |
| 16 | `#aca852` | `oklch(71.62% 0.1081 106.25)` | Spinach Banana Smoothie | black, 8.4 to 1 |
| 17 | `#aead5a` | `oklch(73.14% 0.1060 108.35)` | Palm Frond | black, 8.9 to 1 |
| 18 | `#adb367` | `oklch(74.60% 0.1000 112.52)` | Rodham | black, 9.4 to 1 |
| 19 | `#a3bc7b` | `oklch(76.14% 0.0922 125.91)` | Gleeful | black, 10 to 1 |
| 20 | `#97c496` | `oklch(77.67% 0.0811 143.95)` | Velvet Leaf | black, 10.6 to 1 |
| 21 | `#93c8a7` | `oklch(78.74% 0.0730 157.13)` | Peppermint Spray | black, 11 to 1 |

## CSS

```css
background: linear-gradient(0deg, #6c6468 0.000% 4.762%, #746173 4.762% 9.524%, #70618c 9.524% 14.286%, #6465a4 14.286% 19.048%, #6367b8 19.048% 23.810%, #6c68c8 23.810% 28.571%, #736bce 28.571% 33.333%, #7373ca 33.333% 38.095%, #7a79bf 38.095% 42.857%, #917aae 42.857% 47.619%, #a47d8f 47.619% 52.381%, #a28780 52.381% 57.143%, #a58f7a 57.143% 61.905%, #ad9666 61.905% 66.667%, #af9f53 66.667% 71.429%, #aca852 71.429% 76.190%, #aead5a 76.190% 80.952%, #adb367 80.952% 85.714%, #a3bc7b 85.714% 90.476%, #97c496 90.476% 95.238%, #93c8a7 95.238% 100.000%);
background: linear-gradient(0deg, oklch(51.18% 0.0124 348.05) 0.000% 4.762%, oklch(51.61% 0.0364 327.64) 4.762% 9.524%, oklch(52.29% 0.0698 300.14) 9.524% 14.286%, oklch(53.33% 0.0986 282.15) 14.286% 19.048%, oklch(54.90% 0.1240 278.99) 19.048% 23.810%, oklch(56.71% 0.1439 282.40) 23.810% 28.571%, oklch(58.27% 0.1476 284.63) 28.571% 33.333%, oklch(59.53% 0.1304 281.36) 33.333% 38.095%, oklch(60.70% 0.1043 283.36) 38.095% 42.857%, oklch(61.98% 0.0810 304.43) 42.857% 47.619%, oklch(63.29% 0.0540 348.51) 47.619% 52.381%, oklch(64.70% 0.0348 35.25) 52.381% 57.143%, oklch(66.31% 0.0401 65.48) 57.143% 61.905%, oklch(68.16% 0.0697 84.65) 61.905% 66.667%, oklch(69.99% 0.0988 97.89) 66.667% 71.429%, oklch(71.62% 0.1081 106.25) 71.429% 76.190%, oklch(73.14% 0.1060 108.35) 76.190% 80.952%, oklch(74.60% 0.1000 112.52) 80.952% 85.714%, oklch(76.14% 0.0922 125.91) 85.714% 90.476%, oklch(77.67% 0.0811 143.95) 90.476% 95.238%, oklch(78.74% 0.0730 157.13) 95.238% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.512 | 0.012 | 348 |
| 2 | 0.531 | 0.095 | 283.6 |
| 3 | 0.579 | 0.149 | 284.6 |
| 4 | 0.614 | 0.091 | 292 |
| 5 | 0.654 | 0.033 | 410.4 |
| 6 | 0.705 | 0.103 | 461.1 |
| 7 | 0.748 | 0.099 | 473.8 |
| 8 | 0.787 | 0.073 | 517.1 |

## In these collections

- [Retro swatches](https://grabient.com/retro-swatches)

## Other forms

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