# Rainbow from tan to gray linear gradient

Rainbow from tan to gray linear gradient with 40 colors: #f2cb77, #eeb76b, #e49b5f, #d37b5a, #ba5a5c, #993e61, #752764, #511764, #320a61, #1a055c, #050b5a, #002048, #002f51, #004363, #005b7c, #007697, #3191ab, #52a9bb, #6bbcc8, #7cc8ce, #82cccb, #80c7c0, #78bcae, #6dad98, #609b7f, #538866, #487650, #40673c, #3b5c2e, #3a5727, #3d5929, #436032, #4c6b41, #577953, #658a68, #749b7e, #84ad94, #93bca7, #a0c9b7, #aad2c2. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW2lE8nTErOUbN41nbhaZHEA`
- Page: https://grabient.com/kW2lE8nTErOUbN41nbhaZHEA?steps=40&angle=45
- Drawn as: linear gradient, 40 steps, 45 degrees
- Kinds: dark center, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 11.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 | `#f2cb77` | `oklch(85.83% 0.1116 85.08)` | Pastel de Nata | black, 13.5 to 1 |
| 2 | `#eeb76b` | `oklch(81.40% 0.1134 73.84)` | Olden Amber | black, 11.6 to 1 |
| 3 | `#e49b5f` | `oklch(74.99% 0.1163 58.71)` | Coffee Whip | black, 9.1 to 1 |
| 4 | `#d37b5a` | `oklch(67.17% 0.1198 40.61)` | Clay Mug | black, 6.7 to 1 |
| 5 | `#ba5a5c` | `oklch(58.54% 0.1237 20.43)` | Wild Poppy | black, 4.7 to 1 |
| 6 | `#993e61` | `oklch(49.69% 0.1276 359.09)` | Aurora Magenta | white, 6.5 to 1 |
| 7 | `#752764` | `oklch(41.21% 0.1311 337.49)` | Byzantium | white, 9.4 to 1 |
| 8 | `#511764` | `oklch(33.70% 0.1339 316.54)` | Velvet Vortex | white, 12.6 to 1 |
| 9 | `#320a61` | `oklch(27.74% 0.1356 297.14)` | Infinite Inkwell | white, 15.5 to 1 |
| 10 | `#1a055c` | `oklch(23.93% 0.1359 280.20)` | Darth Torus | white, 17.1 to 1 |
| 11 | `#050b5a` | `oklch(22.86% 0.1345 266.57)` | Prussian Nights | white, 17.4 to 1 |
| 12 | `#002048` | `oklch(24.96% 0.0840 255.62)` | Oxford Blue | white, 16.1 to 1 |
| 13 | `#002f51` | `oklch(29.68% 0.0766 246.17)` | Indigo Black | white, 13.7 to 1 |
| 14 | `#004363` | `oklch(36.36% 0.0808 238.14)` | Lush Aqua | white, 10.5 to 1 |
| 15 | `#005b7c` | `oklch(44.29% 0.0895 231.23)` | Job’s Tears | white, 7.5 to 1 |
| 16 | `#007697` | `oklch(52.80% 0.1001 225.13)` | Pristine Seas | white, 5.1 to 1 |
| 17 | `#3191ab` | `oklch(61.17% 0.0947 219.48)` | Blue Moon | black, 5.7 to 1 |
| 18 | `#52a9bb` | `oklch(68.74% 0.0872 214.00)` | Verditer Blue | black, 7.7 to 1 |
| 19 | `#6bbcc8` | `oklch(74.79% 0.0809 208.35)` | Azul Turquesa | black, 9.6 to 1 |
| 20 | `#7cc8ce` | `oklch(78.64% 0.0761 202.21)` | Valonia | black, 11 to 1 |
| 21 | `#82cccb` | `oklch(79.68% 0.0733 195.28)` | Surf Wash | black, 11.4 to 1 |
| 22 | `#80c7c0` | `oklch(78.17% 0.0722 187.59)` | Booty Bay | black, 10.8 to 1 |
| 23 | `#78bcae` | `oklch(74.69% 0.0724 179.45)` | Mintnight | black, 9.6 to 1 |
| 24 | `#6dad98` | `oklch(69.81% 0.0736 171.14)` | Dusty Jade Green | black, 8 to 1 |
| 25 | `#609b7f` | `oklch(64.07% 0.0754 162.98)` | Practice Green | black, 6.4 to 1 |
| 26 | `#538866` | `oklch(58.04% 0.0774 155.26)` | Saltwater Depth | black, 5 to 1 |
| 27 | `#487650` | `oklch(52.27% 0.0795 148.29)` | Killarney | white, 5.2 to 1 |
| 28 | `#40673c` | `oklch(47.34% 0.0811 142.36)` | Friendly Fairway | white, 6.4 to 1 |
| 29 | `#3b5c2e` | `oklch(43.78% 0.0819 137.77)` | Parsley | white, 7.5 to 1 |
| 30 | `#3a5727` | `oklch(42.16% 0.0816 134.83)` | Verdun Green | white, 8.1 to 1 |
| 31 | `#3d5929` | `oklch(42.82% 0.0800 133.92)` | Turf | white, 7.9 to 1 |
| 32 | `#436032` | `oklch(45.28% 0.0773 135.11)` | Greenhouse | white, 7.1 to 1 |
| 33 | `#4c6b41` | `oklch(49.15% 0.0739 138.00)` | Pine Scent | white, 6 to 1 |
| 34 | `#577953` | `oklch(54.03% 0.0700 142.16)` | Torrey Pine | white, 4.9 to 1 |
| 35 | `#658a68` | `oklch(59.55% 0.0657 147.14)` | Slate Green | black, 5.3 to 1 |
| 36 | `#749b7e` | `oklch(65.31% 0.0614 152.52)` | Jade Green | black, 6.7 to 1 |
| 37 | `#84ad94` | `oklch(70.92% 0.0573 157.85)` | Covent Garden | black, 8.3 to 1 |
| 38 | `#93bca7` | `oklch(76.02% 0.0535 162.71)` | Lichen | black, 10 to 1 |
| 39 | `#a0c9b7` | `oklch(80.19% 0.0504 166.66)` | Lobaria Lichen | black, 11.5 to 1 |
| 40 | `#aad2c2` | `oklch(83.07% 0.0482 169.27)` | Lester | black, 12.7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #f2cb77 0.0%, #eeb76b 2.6%, #e49b5f 5.1%, #d37b5a 7.7%, #ba5a5c 10.3%, #993e61 12.8%, #752764 15.4%, #511764 17.9%, #320a61 20.5%, #1a055c 23.1%, #050b5a 25.6%, #002048 28.2%, #002f51 30.8%, #004363 33.3%, #005b7c 35.9%, #007697 38.5%, #3191ab 41.0%, #52a9bb 43.6%, #6bbcc8 46.2%, #7cc8ce 48.7%, #82cccb 51.3%, #80c7c0 53.8%, #78bcae 56.4%, #6dad98 59.0%, #609b7f 61.5%, #538866 64.1%, #487650 66.7%, #40673c 69.2%, #3b5c2e 71.8%, #3a5727 74.4%, #3d5929 76.9%, #436032 79.5%, #4c6b41 82.1%, #577953 84.6%, #658a68 87.2%, #749b7e 89.7%, #84ad94 92.3%, #93bca7 94.9%, #a0c9b7 97.4%, #aad2c2 100.0%);
background: linear-gradient(45deg in oklch, oklch(85.83% 0.1116 85.08) 0.0%, oklch(81.40% 0.1134 73.84) 2.6%, oklch(74.99% 0.1163 58.71) 5.1%, oklch(67.17% 0.1198 40.61) 7.7%, oklch(58.54% 0.1237 20.43) 10.3%, oklch(49.69% 0.1276 359.09) 12.8%, oklch(41.21% 0.1311 337.49) 15.4%, oklch(33.70% 0.1339 316.54) 17.9%, oklch(27.74% 0.1356 297.14) 20.5%, oklch(23.93% 0.1359 280.20) 23.1%, oklch(22.86% 0.1345 266.57) 25.6%, oklch(24.96% 0.0840 255.62) 28.2%, oklch(29.68% 0.0766 246.17) 30.8%, oklch(36.36% 0.0808 238.14) 33.3%, oklch(44.29% 0.0895 231.23) 35.9%, oklch(52.80% 0.1001 225.13) 38.5%, oklch(61.17% 0.0947 219.48) 41.0%, oklch(68.74% 0.0872 214.00) 43.6%, oklch(74.79% 0.0809 208.35) 46.2%, oklch(78.64% 0.0761 202.21) 48.7%, oklch(79.68% 0.0733 195.28) 51.3%, oklch(78.17% 0.0722 187.59) 53.8%, oklch(74.69% 0.0724 179.45) 56.4%, oklch(69.81% 0.0736 171.14) 59.0%, oklch(64.07% 0.0754 162.98) 61.5%, oklch(58.04% 0.0774 155.26) 64.1%, oklch(52.27% 0.0795 148.29) 66.7%, oklch(47.34% 0.0811 142.36) 69.2%, oklch(43.78% 0.0819 137.77) 71.8%, oklch(42.16% 0.0816 134.83) 74.4%, oklch(42.82% 0.0800 133.92) 76.9%, oklch(45.28% 0.0773 135.11) 79.5%, oklch(49.15% 0.0739 138.00) 82.1%, oklch(54.03% 0.0700 142.16) 84.6%, oklch(59.55% 0.0657 147.14) 87.2%, oklch(65.31% 0.0614 152.52) 89.7%, oklch(70.92% 0.0573 157.85) 92.3%, oklch(76.02% 0.0535 162.71) 94.9%, oklch(80.19% 0.0504 166.66) 97.4%, oklch(83.07% 0.0482 169.27) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.858 | 0.112 | 85.1 |
| 2 | 0.228 | 0.135 | -90.3 |
| 3 | 0.795 | 0.074 | -161.1 |
| 4 | 0.421 | 0.081 | -225.6 |
| 5 | 0.831 | 0.048 | -190.7 |

## Other forms

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