# Muted rainbow from tan to blue linear gradient

Muted rainbow from tan to blue linear gradient with 40 colors: #d2a26a, #c9a565, #bbaa63, #a6b16a, #8ab67a, #6bb991, #51b8a9, #45b3bc, #4babc8, #57a2cc, #5d98c9, #5b8ebf, #5382b0, #45759e, #37698a, #295c77, #1e5166, #164858, #14414f, #163e4b, #1d3f4e, #2b4558, #3e4e66, #565b76, #716986, #8d7993, #a78a9f, #be9aa8, #d0a7b0, #daafb5, #deb2b8, #ddafbb, #d6aabf, #c9a3c3, #b69cc5, #9f95c5, #8690c1, #6d8cb9, #5889af, #4987a8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWvUMxVKNUiuRvdlktES52vw`
- Page: https://grabient.com/kWvUMxVKNUiuRvdlktES52vw?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: dark center, rainbow
- Hues: triadic
- Contrast of its darkest and lightest colors: 6.1 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 | `#d2a26a` | `oklch(74.41% 0.0923 68.91)` | Desert Caravan | black, 9 to 1 |
| 2 | `#c9a565` | `oklch(74.04% 0.0928 80.50)` | Flickering Gold | black, 9 to 1 |
| 3 | `#bbaa63` | `oklch(73.71% 0.0938 96.59)` | Slender Stem | black, 9 to 1 |
| 4 | `#a6b16a` | `oklch(73.37% 0.0950 116.00)` | April Green | black, 9 to 1 |
| 5 | `#8ab67a` | `oklch(72.95% 0.0963 137.55)` | Flavoparmelia Caperata | black, 9 to 1 |
| 6 | `#6bb991` | `oklch(72.41% 0.0975 160.03)` | Katydid | black, 8.9 to 1 |
| 7 | `#51b8a9` | `oklch(71.70% 0.0985 182.28)` | Green Fluorite | black, 8.7 to 1 |
| 8 | `#45b3bc` | `oklch(70.76% 0.0990 203.09)` | Glassmith | black, 8.4 to 1 |
| 9 | `#4babc8` | `oklch(69.53% 0.0988 221.29)` | Dragonfly Blue | black, 7.9 to 1 |
| 10 | `#57a2cc` | `oklch(67.96% 0.0978 235.68)` | Sub-Zero | black, 7.4 to 1 |
| 11 | `#5d98c9` | `oklch(65.98% 0.0958 245.10)` | Canadian Tuxedo | black, 6.8 to 1 |
| 12 | `#5b8ebf` | `oklch(63.03% 0.0925 249.17)` | Cliff Blue | black, 6 to 1 |
| 13 | `#5382b0` | `oklch(59.16% 0.0879 248.92)` | Ship’s Harbour | black, 5.1 to 1 |
| 14 | `#45759e` | `oklch(54.70% 0.0824 245.50)` | Dull Blue | white, 4.8 to 1 |
| 15 | `#37698a` | `oklch(49.98% 0.0763 240.06)` | Team Spirit | white, 5.9 to 1 |
| 16 | `#295c77` | `oklch(45.34% 0.0701 233.74)` | Nautical Creatures | white, 7.2 to 1 |
| 17 | `#1e5166` | `oklch(41.10% 0.0639 227.70)` | Juggernaut | white, 8.6 to 1 |
| 18 | `#164858` | `oklch(37.60% 0.0583 223.08)` | Ethereal Dance | white, 9.9 to 1 |
| 19 | `#14414f` | `oklch(35.17% 0.0534 221.03)` | Cold and Dark | white, 11 to 1 |
| 20 | `#163e4b` | `oklch(34.14% 0.0496 222.71)` | Sunken Harbour | white, 11.5 to 1 |
| 21 | `#1d3f4e` | `oklch(34.88% 0.0472 229.32)` | Depths of the Nile | white, 11.2 to 1 |
| 22 | `#2b4558` | `oklch(37.65% 0.0456 241.43)` | Blue Wing Teal | white, 10 to 1 |
| 23 | `#3e4e66` | `oklch(42.05% 0.0446 257.76)` | Calico Dress | white, 8.4 to 1 |
| 24 | `#565b76` | `oklch(47.63% 0.0443 276.88)` | When Worlds Collide | white, 6.6 to 1 |
| 25 | `#716986` | `oklch(53.91% 0.0445 297.36)` | Aromatic | white, 5.1 to 1 |
| 26 | `#8d7993` | `oklch(60.42% 0.0451 317.75)` | Passion Fruit | black, 5.3 to 1 |
| 27 | `#a78a9f` | `oklch(66.71% 0.0461 336.62)` | Radiant Lilac | black, 6.7 to 1 |
| 28 | `#be9aa8` | `oklch(72.30% 0.0474 352.53)` | Artichoke Mauve | black, 8.3 to 1 |
| 29 | `#d0a7b0` | `oklch(76.73% 0.0489 4.05)` | Lady Flower | black, 9.8 to 1 |
| 30 | `#daafb5` | `oklch(79.53% 0.0506 9.74)` | Pale Chestnut | black, 10.8 to 1 |
| 31 | `#deb2b8` | `oklch(80.46% 0.0525 8.43)` | Sakura | black, 11.1 to 1 |
| 32 | `#ddafbb` | `oklch(79.97% 0.0552 0.79)` | Pentalon | black, 10.9 to 1 |
| 33 | `#d6aabf` | `oklch(78.37% 0.0584 348.17)` | Heart to Heart | black, 10.3 to 1 |
| 34 | `#c9a3c3` | `oklch(75.93% 0.0620 331.92)` | Lilac Fluff | black, 9.4 to 1 |
| 35 | `#b69cc5` | `oklch(72.94% 0.0658 313.38)` | Crocus Petal | black, 8.5 to 1 |
| 36 | `#9f95c5` | `oklch(69.67% 0.0697 293.91)` | Vision Quest | black, 7.6 to 1 |
| 37 | `#8690c1` | `oklch(66.41% 0.0733 274.86)` | Safflowerish Sky | black, 6.7 to 1 |
| 38 | `#6d8cb9` | `oklch(63.43% 0.0766 257.59)` | Debutante Ball | black, 6.1 to 1 |
| 39 | `#5889af` | `oklch(61.02% 0.0793 243.44)` | Blueberry Muffin | black, 5.6 to 1 |
| 40 | `#4987a8` | `oklch(59.45% 0.0813 233.76)` | Underwater Moonlight | black, 5.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #d2a26a 0.0%, #c9a565 2.6%, #bbaa63 5.1%, #a6b16a 7.7%, #8ab67a 10.3%, #6bb991 12.8%, #51b8a9 15.4%, #45b3bc 17.9%, #4babc8 20.5%, #57a2cc 23.1%, #5d98c9 25.6%, #5b8ebf 28.2%, #5382b0 30.8%, #45759e 33.3%, #37698a 35.9%, #295c77 38.5%, #1e5166 41.0%, #164858 43.6%, #14414f 46.2%, #163e4b 48.7%, #1d3f4e 51.3%, #2b4558 53.8%, #3e4e66 56.4%, #565b76 59.0%, #716986 61.5%, #8d7993 64.1%, #a78a9f 66.7%, #be9aa8 69.2%, #d0a7b0 71.8%, #daafb5 74.4%, #deb2b8 76.9%, #ddafbb 79.5%, #d6aabf 82.1%, #c9a3c3 84.6%, #b69cc5 87.2%, #9f95c5 89.7%, #8690c1 92.3%, #6d8cb9 94.9%, #5889af 97.4%, #4987a8 100.0%);
background: linear-gradient(135deg in oklch, oklch(74.41% 0.0923 68.91) 0.0%, oklch(74.04% 0.0928 80.50) 2.6%, oklch(73.71% 0.0938 96.59) 5.1%, oklch(73.37% 0.0950 116.00) 7.7%, oklch(72.95% 0.0963 137.55) 10.3%, oklch(72.41% 0.0975 160.03) 12.8%, oklch(71.70% 0.0985 182.28) 15.4%, oklch(70.76% 0.0990 203.09) 17.9%, oklch(69.53% 0.0988 221.29) 20.5%, oklch(67.96% 0.0978 235.68) 23.1%, oklch(65.98% 0.0958 245.10) 25.6%, oklch(63.03% 0.0925 249.17) 28.2%, oklch(59.16% 0.0879 248.92) 30.8%, oklch(54.70% 0.0824 245.50) 33.3%, oklch(49.98% 0.0763 240.06) 35.9%, oklch(45.34% 0.0701 233.74) 38.5%, oklch(41.10% 0.0639 227.70) 41.0%, oklch(37.60% 0.0583 223.08) 43.6%, oklch(35.17% 0.0534 221.03) 46.2%, oklch(34.14% 0.0496 222.71) 48.7%, oklch(34.88% 0.0472 229.32) 51.3%, oklch(37.65% 0.0456 241.43) 53.8%, oklch(42.05% 0.0446 257.76) 56.4%, oklch(47.63% 0.0443 276.88) 59.0%, oklch(53.91% 0.0445 297.36) 61.5%, oklch(60.42% 0.0451 317.75) 64.1%, oklch(66.71% 0.0461 336.62) 66.7%, oklch(72.30% 0.0474 352.53) 69.2%, oklch(76.73% 0.0489 4.05) 71.8%, oklch(79.53% 0.0506 9.74) 74.4%, oklch(80.46% 0.0525 8.43) 76.9%, oklch(79.97% 0.0552 0.79) 79.5%, oklch(78.37% 0.0584 348.17) 82.1%, oklch(75.93% 0.0620 331.92) 84.6%, oklch(72.94% 0.0658 313.38) 87.2%, oklch(69.67% 0.0697 293.91) 89.7%, oklch(66.41% 0.0733 274.86) 92.3%, oklch(63.43% 0.0766 257.59) 94.9%, oklch(61.02% 0.0793 243.44) 97.4%, oklch(59.45% 0.0813 233.76) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.744 | 0.092 | 68.9 |
| 2 | 0.665 | 0.096 | 243.3 |
| 3 | 0.343 | 0.048 | 225.3 |
| 4 | 0.799 | 0.051 | 370.1 |
| 5 | 0.594 | 0.081 | 233.8 |

## Other forms

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