# Rainforest plum diagonal

Muted rainbow from tan to blue linear gradient with 64 colors: #c5a562, #bda360, #b3a15e, #a89d5d, #9b995c, #8d955c, #7f8f5d, #718a5d, #64835e, #587c5f, #4d755f, #446e5f, #3d685e, #38615d, #345c5c, #31575c, #30535b, #304f5c, #304c5c, #324a5d, #34475e, #38455f, #3c4360, #414161, #463f60, #4c3d5f, #523b5d, #583a5a, #5d3957, #623852, #67384c, #6a3847, #6d3841, #6f3a3b, #713c36, #724031, #73442d, #73482b, #734c29, #725129, #71562a, #6f5b2c, #6d5f30, #6a6433, #676838, #636c3d, #5d6f42, #577247, #4f744c, #457753, #37785a, #267962, #037a6b, #007874, #00767b, #007382, #007189, #006e90, #006a98, #0066a3, #1361ac, #285daf, #3559b1, #3e55b2. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Muted rainbow from tan to blue linear gradient
- Seed: `kWu0Q8NY_PLQbUhCGs9PbbPo`
- Page: https://grabient.com/kWu0Q8NY_PLQbUhCGs9PbbPo?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: dark center, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.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 | `#c5a562` | `oklch(73.62% 0.0937 84.38)` | Spring Roll | black, 8.9 to 1 |
| 2 | `#bda360` | `oklch(72.44% 0.0917 88.93)` | Shutterbug | black, 8.5 to 1 |
| 3 | `#b3a15e` | `oklch(70.93% 0.0891 94.34)` | Gingko Leaf | black, 8.1 to 1 |
| 4 | `#a89d5d` | `oklch(69.14% 0.0860 100.53)` | Mediaeval Sulphur | black, 7.6 to 1 |
| 5 | `#9b995c` | `oklch(67.12% 0.0824 107.42)` | Stem | black, 7.1 to 1 |
| 6 | `#8d955c` | `oklch(64.91% 0.0784 114.93)` | Indian Green | black, 6.5 to 1 |
| 7 | `#7f8f5d` | `oklch(62.56% 0.0743 122.99)` | Green Energy | black, 6 to 1 |
| 8 | `#718a5d` | `oklch(60.12% 0.0700 131.50)` | Fern Canopy | black, 5.4 to 1 |
| 9 | `#64835e` | `oklch(57.64% 0.0657 140.39)` | Tuscan Herbs | black, 4.9 to 1 |
| 10 | `#587c5f` | `oklch(55.16% 0.0615 149.58)` | Green Mantle | white, 4.6 to 1 |
| 11 | `#4d755f` | `oklch(52.73% 0.0574 158.99)` | Green Valley | white, 5.1 to 1 |
| 12 | `#446e5f` | `oklch(50.40% 0.0536 168.53)` | Cormorant | white, 5.7 to 1 |
| 13 | `#3d685e` | `oklch(48.21% 0.0502 178.14)` | Dignified | white, 6.3 to 1 |
| 14 | `#38615d` | `oklch(46.22% 0.0473 187.72)` | Emerson | white, 6.8 to 1 |
| 15 | `#345c5c` | `oklch(44.47% 0.0450 197.20)` | Royal Pine | white, 7.4 to 1 |
| 16 | `#31575c` | `oklch(43.01% 0.0434 206.50)` | Sea Challenge | white, 7.9 to 1 |
| 17 | `#30535b` | `oklch(41.87% 0.0426 215.55)` | Encore Teal | white, 8.3 to 1 |
| 18 | `#304f5c` | `oklch(40.98% 0.0425 224.71)` | Velvet Evening | white, 8.7 to 1 |
| 19 | `#304c5c` | `oklch(40.26% 0.0432 234.12)` | Celtic Rush | white, 9 to 1 |
| 20 | `#324a5d` | `oklch(39.71% 0.0444 243.73)` | Dilly Blue | white, 9.2 to 1 |
| 21 | `#34475e` | `oklch(39.30% 0.0462 253.52)` | Spelunking | white, 9.4 to 1 |
| 22 | `#38455f` | `oklch(39.03% 0.0484 263.44)` | Diplomatic | white, 9.6 to 1 |
| 23 | `#3c4360` | `oklch(38.89% 0.0509 273.45)` | Church Blue | white, 9.7 to 1 |
| 24 | `#414161` | `oklch(38.85% 0.0537 283.53)` | Heraldic | white, 9.7 to 1 |
| 25 | `#463f60` | `oklch(38.91% 0.0566 293.64)` | Mulberry Mauve Black | white, 9.8 to 1 |
| 26 | `#4c3d5f` | `oklch(39.05% 0.0595 303.73)` | Mulberry Purple | white, 9.8 to 1 |
| 27 | `#523b5d` | `oklch(39.25% 0.0625 313.77)` | Old Heliotrope | white, 9.7 to 1 |
| 28 | `#583a5a` | `oklch(39.51% 0.0654 323.73)` | Purple Wineberry | white, 9.7 to 1 |
| 29 | `#5d3957` | `oklch(39.80% 0.0680 333.57)` | Parma Plum Red | white, 9.6 to 1 |
| 30 | `#623852` | `oklch(40.13% 0.0704 343.25)` | Blackberry Deep Red | white, 9.5 to 1 |
| 31 | `#67384c` | `oklch(40.46% 0.0723 352.74)` | High Priest | white, 9.3 to 1 |
| 32 | `#6a3847` | `oklch(40.79% 0.0739 2.00)` | Cabernet Craving | white, 9.2 to 1 |
| 33 | `#6d3841` | `oklch(41.12% 0.0748 11.00)` | Ripening Grape | white, 9.1 to 1 |
| 34 | `#6f3a3b` | `oklch(41.58% 0.0752 19.80)` | Griffon Brown | white, 8.9 to 1 |
| 35 | `#713c36` | `oklch(42.16% 0.0752 28.43)` | Steampunk Leather | white, 8.7 to 1 |
| 36 | `#724031` | `oklch(42.85% 0.0748 36.91)` | Heartwood | white, 8.4 to 1 |
| 37 | `#73442d` | `oklch(43.63% 0.0741 45.27)` | Bull Shot | white, 8.1 to 1 |
| 38 | `#73482b` | `oklch(44.47% 0.0733 53.51)` | Cape Palliser | white, 7.8 to 1 |
| 39 | `#734c29` | `oklch(45.35% 0.0723 61.67)` | Chocolate Rain | white, 7.4 to 1 |
| 40 | `#725129` | `oklch(46.26% 0.0712 69.75)` | Bark Brown | white, 7.1 to 1 |
| 41 | `#71562a` | `oklch(47.17% 0.0703 77.79)` | Horses Neck | white, 6.8 to 1 |
| 42 | `#6f5b2c` | `oklch(48.07% 0.0695 85.80)` | Moss Brown | white, 6.5 to 1 |
| 43 | `#6d5f30` | `oklch(48.92% 0.0689 93.81)` | Rationality | white, 6.2 to 1 |
| 44 | `#6a6433` | `oklch(49.72% 0.0686 101.82)` | Jungle Civilization | white, 6 to 1 |
| 45 | `#676838` | `oklch(50.43% 0.0688 109.87)` | Jungle Civilization | white, 5.8 to 1 |
| 46 | `#636c3d` | `oklch(51.05% 0.0694 117.98)` | Globe Artichoke | white, 5.6 to 1 |
| 47 | `#5d6f42` | `oklch(51.55% 0.0706 126.15)` | Chalet Green | white, 5.4 to 1 |
| 48 | `#577247` | `oklch(51.90% 0.0725 134.42)` | Climbing Ivy | white, 5.3 to 1 |
| 49 | `#4f744c` | `oklch(52.11% 0.0751 142.92)` | Irish Clover | white, 5.3 to 1 |
| 50 | `#457753` | `oklch(52.19% 0.0786 151.89)` | Killarney | white, 5.2 to 1 |
| 51 | `#37785a` | `oklch(52.17% 0.0828 161.24)` | Liquid Green Stuff | white, 5.2 to 1 |
| 52 | `#267962` | `oklch(52.06% 0.0876 170.87)` | Pinehurst | white, 5.2 to 1 |
| 53 | `#037a6b` | `oklch(51.86% 0.0930 180.66)` | Pond Moss | white, 5.2 to 1 |
| 54 | `#007874` | `oklch(51.60% 0.0890 190.52)` | Hydra Turquoise | white, 5.3 to 1 |
| 55 | `#00767b` | `oklch(51.29% 0.0872 200.34)` | Maxi Teal | white, 5.4 to 1 |
| 56 | `#007382` | `oklch(50.94% 0.0881 210.03)` | Deep Current | white, 5.5 to 1 |
| 57 | `#007189` | `oklch(50.56% 0.0917 219.46)` | Waterworld | white, 5.6 to 1 |
| 58 | `#006e90` | `oklch(50.17% 0.0984 228.53)` | Tropic Sea | white, 5.8 to 1 |
| 59 | `#006a98` | `oklch(49.79% 0.1090 237.15)` | Hydra | white, 5.9 to 1 |
| 60 | `#0066a3` | `oklch(49.43% 0.1249 245.20)` | LED Blue | white, 6.1 to 1 |
| 61 | `#1361ac` | `oklch(49.09% 0.1392 252.56)` | Cobalt Stone | white, 6.2 to 1 |
| 62 | `#285daf` | `oklch(48.81% 0.1436 259.17)` | Greek Flag Blue | white, 6.4 to 1 |
| 63 | `#3559b1` | `oklch(48.58% 0.1473 264.91)` | Blasphemous Blue | white, 6.5 to 1 |
| 64 | `#3e55b2` | `oklch(48.43% 0.1502 269.66)` | Blasphemous Blue | white, 6.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #c5a562 0.0%, #bda360 1.6%, #b3a15e 3.2%, #a89d5d 4.8%, #9b995c 6.3%, #8d955c 7.9%, #7f8f5d 9.5%, #718a5d 11.1%, #64835e 12.7%, #587c5f 14.3%, #4d755f 15.9%, #446e5f 17.5%, #3d685e 19.0%, #38615d 20.6%, #345c5c 22.2%, #31575c 23.8%, #30535b 25.4%, #304f5c 27.0%, #304c5c 28.6%, #324a5d 30.2%, #34475e 31.7%, #38455f 33.3%, #3c4360 34.9%, #414161 36.5%, #463f60 38.1%, #4c3d5f 39.7%, #523b5d 41.3%, #583a5a 42.9%, #5d3957 44.4%, #623852 46.0%, #67384c 47.6%, #6a3847 49.2%, #6d3841 50.8%, #6f3a3b 52.4%, #713c36 54.0%, #724031 55.6%, #73442d 57.1%, #73482b 58.7%, #734c29 60.3%, #725129 61.9%, #71562a 63.5%, #6f5b2c 65.1%, #6d5f30 66.7%, #6a6433 68.3%, #676838 69.8%, #636c3d 71.4%, #5d6f42 73.0%, #577247 74.6%, #4f744c 76.2%, #457753 77.8%, #37785a 79.4%, #267962 81.0%, #037a6b 82.5%, #007874 84.1%, #00767b 85.7%, #007382 87.3%, #007189 88.9%, #006e90 90.5%, #006a98 92.1%, #0066a3 93.7%, #1361ac 95.2%, #285daf 96.8%, #3559b1 98.4%, #3e55b2 100.0%);
background: linear-gradient(135deg in oklch, oklch(73.62% 0.0937 84.38) 0.0%, oklch(72.44% 0.0917 88.93) 1.6%, oklch(70.93% 0.0891 94.34) 3.2%, oklch(69.14% 0.0860 100.53) 4.8%, oklch(67.12% 0.0824 107.42) 6.3%, oklch(64.91% 0.0784 114.93) 7.9%, oklch(62.56% 0.0743 122.99) 9.5%, oklch(60.12% 0.0700 131.50) 11.1%, oklch(57.64% 0.0657 140.39) 12.7%, oklch(55.16% 0.0615 149.58) 14.3%, oklch(52.73% 0.0574 158.99) 15.9%, oklch(50.40% 0.0536 168.53) 17.5%, oklch(48.21% 0.0502 178.14) 19.0%, oklch(46.22% 0.0473 187.72) 20.6%, oklch(44.47% 0.0450 197.20) 22.2%, oklch(43.01% 0.0434 206.50) 23.8%, oklch(41.87% 0.0426 215.55) 25.4%, oklch(40.98% 0.0425 224.71) 27.0%, oklch(40.26% 0.0432 234.12) 28.6%, oklch(39.71% 0.0444 243.73) 30.2%, oklch(39.30% 0.0462 253.52) 31.7%, oklch(39.03% 0.0484 263.44) 33.3%, oklch(38.89% 0.0509 273.45) 34.9%, oklch(38.85% 0.0537 283.53) 36.5%, oklch(38.91% 0.0566 293.64) 38.1%, oklch(39.05% 0.0595 303.73) 39.7%, oklch(39.25% 0.0625 313.77) 41.3%, oklch(39.51% 0.0654 323.73) 42.9%, oklch(39.80% 0.0680 333.57) 44.4%, oklch(40.13% 0.0704 343.25) 46.0%, oklch(40.46% 0.0723 352.74) 47.6%, oklch(40.79% 0.0739 2.00) 49.2%, oklch(41.12% 0.0748 11.00) 50.8%, oklch(41.58% 0.0752 19.80) 52.4%, oklch(42.16% 0.0752 28.43) 54.0%, oklch(42.85% 0.0748 36.91) 55.6%, oklch(43.63% 0.0741 45.27) 57.1%, oklch(44.47% 0.0733 53.51) 58.7%, oklch(45.35% 0.0723 61.67) 60.3%, oklch(46.26% 0.0712 69.75) 61.9%, oklch(47.17% 0.0703 77.79) 63.5%, oklch(48.07% 0.0695 85.80) 65.1%, oklch(48.92% 0.0689 93.81) 66.7%, oklch(49.72% 0.0686 101.82) 68.3%, oklch(50.43% 0.0688 109.87) 69.8%, oklch(51.05% 0.0694 117.98) 71.4%, oklch(51.55% 0.0706 126.15) 73.0%, oklch(51.90% 0.0725 134.42) 74.6%, oklch(52.11% 0.0751 142.92) 76.2%, oklch(52.19% 0.0786 151.89) 77.8%, oklch(52.17% 0.0828 161.24) 79.4%, oklch(52.06% 0.0876 170.87) 81.0%, oklch(51.86% 0.0930 180.66) 82.5%, oklch(51.60% 0.0890 190.52) 84.1%, oklch(51.29% 0.0872 200.34) 85.7%, oklch(50.94% 0.0881 210.03) 87.3%, oklch(50.56% 0.0917 219.46) 88.9%, oklch(50.17% 0.0984 228.53) 90.5%, oklch(49.79% 0.1090 237.15) 92.1%, oklch(49.43% 0.1249 245.20) 93.7%, oklch(49.09% 0.1392 252.56) 95.2%, oklch(48.81% 0.1436 259.17) 96.8%, oklch(48.58% 0.1473 264.91) 98.4%, oklch(48.43% 0.1502 269.66) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.736 | 0.094 | 84.4 |
| 2 | 0.421 | 0.043 | 213.3 |
| 3 | 0.409 | 0.074 | 366.5 |
| 4 | 0.52 | 0.073 | 496.5 |
| 5 | 0.484 | 0.15 | 629.7 |

## In these collections

- [Fynbos after winter rain](https://grabient.com/fynbos-after-winter-rain)

## Other forms

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