# Muted rainbow from tan to blue linear gradient

Muted rainbow from tan to blue linear gradient with 40 colors: #d8bb81, #cbb77b, #b7b377, #9fac75, #85a476, #6c9b79, #56907b, #46867c, #3c7d7c, #36777b, #32767a, #307979, #328078, #3c8974, #51926c, #6d9b61, #8ca054, #aba24b, #c3a14a, #d39e50, #d99a57, #d7935d, #cf8c60, #c28460, #b37b5f, #a3725d, #946a5a, #876358, #7d5d57, #785a58, #76595c, #775a63, #7a5e6d, #7c637b, #7d6a8a, #7b729a, #767ca8, #6f85b2, #678eb9, #6194bc. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWzDw7wpjN12psG_Djo0h2vg`
- Page: https://grabient.com/kWzDw7wpjN12psG_Djo0h2vg?steps=40&angle=45
- Drawn as: linear gradient, 40 steps, 45 degrees
- Kinds: rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#d8bb81` | `oklch(80.31% 0.0827 83.67)` | Honeymoon | black, 11.3 to 1 |
| 2 | `#cbb77b` | `oklch(78.37% 0.0815 92.03)` | Olive Marinade | black, 10.6 to 1 |
| 3 | `#b7b377` | `oklch(75.57% 0.0795 104.28)` | Misty Moss | black, 9.7 to 1 |
| 4 | `#9fac75` | `oklch(72.16% 0.0771 119.25)` | Siamese Green | black, 8.6 to 1 |
| 5 | `#85a476` | `oklch(68.40% 0.0745 135.75)` | Succulent Greenhouse | black, 7.5 to 1 |
| 6 | `#6c9b79` | `oklch(64.53% 0.0719 152.60)` | Oxley | black, 6.5 to 1 |
| 7 | `#56907b` | `oklch(60.80% 0.0695 168.60)` | Puerto Princesa | black, 5.6 to 1 |
| 8 | `#46867c` | `oklch(57.47% 0.0677 182.59)` | Carlisle | black, 4.9 to 1 |
| 9 | `#3c7d7c` | `oklch(54.78% 0.0667 193.37)` | Blue Venus | white, 4.7 to 1 |
| 10 | `#36777b` | `oklch(52.98% 0.0667 199.77)` | Diver’s Eden | white, 5.1 to 1 |
| 11 | `#32767a` | `oklch(52.32% 0.0680 200.61)` | Atoll | white, 5.2 to 1 |
| 12 | `#307979` | `oklch(53.01% 0.0714 195.68)` | Atoll | white, 5 to 1 |
| 13 | `#328078` | `oklch(54.84% 0.0766 186.00)` | Apatite Blue | white, 4.6 to 1 |
| 14 | `#3c8974` | `oklch(57.48% 0.0831 172.63)` | Ionian | black, 5 to 1 |
| 15 | `#51926c` | `oklch(60.64% 0.0902 156.66)` | DaVanzo Green | black, 5.6 to 1 |
| 16 | `#6d9b61` | `oklch(64.02% 0.0974 139.14)` | Green Hornet | black, 6.4 to 1 |
| 17 | `#8ca054` | `oklch(67.30% 0.1040 121.15)` | Spinach Green | black, 7.2 to 1 |
| 18 | `#aba24b` | `oklch(70.18% 0.1095 103.76)` | Desert Locust | black, 7.9 to 1 |
| 19 | `#c3a14a` | `oklch(72.35% 0.1133 88.04)` | Spontaneous Sprig | black, 8.5 to 1 |
| 20 | `#d39e50` | `oklch(73.52% 0.1147 75.06)` | Saffron Robe | black, 8.8 to 1 |
| 21 | `#d99a57` | `oklch(73.39% 0.1132 65.65)` | Shawarma | black, 8.7 to 1 |
| 22 | `#d7935d` | `oklch(72.03% 0.1083 58.82)` | Whiskey Sour | black, 8.2 to 1 |
| 23 | `#cf8c60` | `oklch(69.72% 0.1007 53.82)` | Grounded | black, 7.5 to 1 |
| 24 | `#c28460` | `oklch(66.73% 0.0913 50.11)` | Orpington Chicken | black, 6.7 to 1 |
| 25 | `#b37b5f` | `oklch(63.33% 0.0808 47.13)` | Happy Trails | black, 5.9 to 1 |
| 26 | `#a3725d` | `oklch(59.80% 0.0700 44.33)` | Chic Brick | black, 5.1 to 1 |
| 27 | `#946a5a` | `oklch(56.40% 0.0596 41.13)` | Badlands Sunset | white, 4.6 to 1 |
| 28 | `#876358` | `oklch(53.41% 0.0505 36.99)` | Clove | white, 5.2 to 1 |
| 29 | `#7d5d57` | `oklch(51.11% 0.0434 31.34)` | Musk Deer | white, 5.8 to 1 |
| 30 | `#785a58` | `oklch(49.76% 0.0391 23.64)` | Czarina | white, 6.1 to 1 |
| 31 | `#76595c` | `oklch(49.52% 0.0381 13.24)` | Falcon Wing | white, 6.2 to 1 |
| 32 | `#775a63` | `oklch(50.13% 0.0397 0.07)` | Falcon Wing | white, 6 to 1 |
| 33 | `#7a5e6d` | `oklch(51.42% 0.0432 344.85)` | Black Plum | white, 5.7 to 1 |
| 34 | `#7c637b` | `oklch(53.20% 0.0483 328.32)` | Grape Jelly | white, 5.3 to 1 |
| 35 | `#7d6a8a` | `oklch(55.31% 0.0544 311.21)` | Nymph’s Delight | white, 4.9 to 1 |
| 36 | `#7b729a` | `oklch(57.56% 0.0609 294.26)` | Purple Haze | black, 4.7 to 1 |
| 37 | `#767ca8` | `oklch(59.79% 0.0674 278.22)` | Minuet Lilac | black, 5.2 to 1 |
| 38 | `#6f85b2` | `oklch(61.82% 0.0733 263.82)` | Kimono | black, 5.7 to 1 |
| 39 | `#678eb9` | `oklch(63.47% 0.0781 251.79)` | Blue Dazzle | black, 6.1 to 1 |
| 40 | `#6194bc` | `oklch(64.57% 0.0813 242.89)` | Blue Marble | black, 6.4 to 1 |

## CSS

```css
background: linear-gradient(45deg, #d8bb81 0.0%, #cbb77b 2.6%, #b7b377 5.1%, #9fac75 7.7%, #85a476 10.3%, #6c9b79 12.8%, #56907b 15.4%, #46867c 17.9%, #3c7d7c 20.5%, #36777b 23.1%, #32767a 25.6%, #307979 28.2%, #328078 30.8%, #3c8974 33.3%, #51926c 35.9%, #6d9b61 38.5%, #8ca054 41.0%, #aba24b 43.6%, #c3a14a 46.2%, #d39e50 48.7%, #d99a57 51.3%, #d7935d 53.8%, #cf8c60 56.4%, #c28460 59.0%, #b37b5f 61.5%, #a3725d 64.1%, #946a5a 66.7%, #876358 69.2%, #7d5d57 71.8%, #785a58 74.4%, #76595c 76.9%, #775a63 79.5%, #7a5e6d 82.1%, #7c637b 84.6%, #7d6a8a 87.2%, #7b729a 89.7%, #767ca8 92.3%, #6f85b2 94.9%, #678eb9 97.4%, #6194bc 100.0%);
background: linear-gradient(45deg in oklch, oklch(80.31% 0.0827 83.67) 0.0%, oklch(78.37% 0.0815 92.03) 2.6%, oklch(75.57% 0.0795 104.28) 5.1%, oklch(72.16% 0.0771 119.25) 7.7%, oklch(68.40% 0.0745 135.75) 10.3%, oklch(64.53% 0.0719 152.60) 12.8%, oklch(60.80% 0.0695 168.60) 15.4%, oklch(57.47% 0.0677 182.59) 17.9%, oklch(54.78% 0.0667 193.37) 20.5%, oklch(52.98% 0.0667 199.77) 23.1%, oklch(52.32% 0.0680 200.61) 25.6%, oklch(53.01% 0.0714 195.68) 28.2%, oklch(54.84% 0.0766 186.00) 30.8%, oklch(57.48% 0.0831 172.63) 33.3%, oklch(60.64% 0.0902 156.66) 35.9%, oklch(64.02% 0.0974 139.14) 38.5%, oklch(67.30% 0.1040 121.15) 41.0%, oklch(70.18% 0.1095 103.76) 43.6%, oklch(72.35% 0.1133 88.04) 46.2%, oklch(73.52% 0.1147 75.06) 48.7%, oklch(73.39% 0.1132 65.65) 51.3%, oklch(72.03% 0.1083 58.82) 53.8%, oklch(69.72% 0.1007 53.82) 56.4%, oklch(66.73% 0.0913 50.11) 59.0%, oklch(63.33% 0.0808 47.13) 61.5%, oklch(59.80% 0.0700 44.33) 64.1%, oklch(56.40% 0.0596 41.13) 66.7%, oklch(53.41% 0.0505 36.99) 69.2%, oklch(51.11% 0.0434 31.34) 71.8%, oklch(49.76% 0.0391 23.64) 74.4%, oklch(49.52% 0.0381 13.24) 76.9%, oklch(50.13% 0.0397 0.07) 79.5%, oklch(51.42% 0.0432 344.85) 82.1%, oklch(53.20% 0.0483 328.32) 84.6%, oklch(55.31% 0.0544 311.21) 87.2%, oklch(57.56% 0.0609 294.26) 89.7%, oklch(59.79% 0.0674 278.22) 92.3%, oklch(61.82% 0.0733 263.82) 94.9%, oklch(63.47% 0.0781 251.79) 97.4%, oklch(64.57% 0.0813 242.89) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.803 | 0.083 | 83.7 |
| 2 | 0.524 | 0.068 | 201 |
| 3 | 0.736 | 0.114 | 69.9 |
| 4 | 0.496 | 0.039 | 21.3 |
| 5 | 0.646 | 0.081 | -117.1 |

## Other forms

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