# Soft orange teal muted green gradient

Muted rainbow from tan to green linear gradient with 64 colors: #c59a74, #c59672, #c5926f, #c48d6b, #c38768, #c28065, #c07963, #be7162, #bc6a63, #b96364, #b65c67, #b2576c, #ae5271, #aa4f78, #a64d7f, #a24d87, #9e4f91, #9b539b, #9759a7, #9261b3, #8d6abf, #8775ca, #8080d4, #798bdb, #7397e1, #6da2e5, #68ace7, #65b5e8, #65bde8, #65c3e7, #66c8e6, #67cbe4, #67cbe2, #65cae1, #61c7e0, #5dc3df, #59bdde, #55b6dd, #53afdc, #52a6da, #539ed8, #5595d5, #578dd2, #5986cf, #5a80cb, #5b7bc8, #5a78c6, #5878c5, #5479c4, #4e7dc4, #4783c5, #3f8ac4, #3892c3, #339ac0, #34a2bd, #3caab8, #49b1b3, #59b7af, #6abdaa, #7bc2a7, #89c6a5, #96c9a3, #a1cba3, #a8cda3. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Muted rainbow from tan to green linear gradient
- Seed: `kWtjUsxbC1uSkMbKLUXZxmxQ`
- Page: https://grabient.com/kWtjUsxbC1uSkMbKLUXZxmxQ?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: rainbow
- Hues: split-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 | `#c59a74` | `oklch(71.65% 0.0730 62.58)` | Chimaera Brown | black, 8.2 to 1 |
| 2 | `#c59672` | `oklch(70.97% 0.0754 59.55)` | Sonora Shade | black, 8 to 1 |
| 3 | `#c5926f` | `oklch(70.03% 0.0785 56.01)` | Texas Hills | black, 7.7 to 1 |
| 4 | `#c48d6b` | `oklch(68.88% 0.0822 51.98)` | Hitching Post | black, 7.3 to 1 |
| 5 | `#c38768` | `oklch(67.56% 0.0864 47.51)` | Toasted Nut | black, 6.9 to 1 |
| 6 | `#c28065` | `oklch(66.11% 0.0911 42.64)` | Terracotta Chip | black, 6.5 to 1 |
| 7 | `#c07963` | `oklch(64.58% 0.0960 37.41)` | Pinata | black, 6.1 to 1 |
| 8 | `#be7162` | `oklch(63.02% 0.1010 31.86)` | Cajun Spice | black, 5.7 to 1 |
| 9 | `#bc6a63` | `oklch(61.47% 0.1061 26.04)` | Tapestry Red | black, 5.3 to 1 |
| 10 | `#b96364` | `oklch(59.98% 0.1111 19.98)` | Strawberry Rhubarb | black, 5 to 1 |
| 11 | `#b65c67` | `oklch(58.58% 0.1160 13.71)` | Pink Flame | black, 4.7 to 1 |
| 12 | `#b2576c` | `oklch(57.33% 0.1204 7.30)` | Slate Pink | white, 4.6 to 1 |
| 13 | `#ae5271` | `oklch(56.26% 0.1245 0.76)` | Pink Parakeet | white, 4.9 to 1 |
| 14 | `#aa4f78` | `oklch(55.43% 0.1280 354.16)` | Our Little Secret | white, 5.1 to 1 |
| 15 | `#a64d7f` | `oklch(54.88% 0.1308 347.51)` | Our Little Secret | white, 5.2 to 1 |
| 16 | `#a24d87` | `oklch(54.66% 0.1328 340.87)` | La la Lavender | white, 5.2 to 1 |
| 17 | `#9e4f91` | `oklch(54.80% 0.1338 334.25)` | Hyacinth Violet | white, 5.2 to 1 |
| 18 | `#9b539b` | `oklch(55.40% 0.1340 327.01)` | Hyacinth Violet | white, 5.1 to 1 |
| 19 | `#9759a7` | `oklch(56.44% 0.1332 319.00)` | Heath Spotted Orchid | white, 4.8 to 1 |
| 20 | `#9261b3` | `oklch(57.84% 0.1317 310.39)` | Lusty Lavender | black, 4.5 to 1 |
| 21 | `#8d6abf` | `oklch(59.54% 0.1296 301.33)` | Lavish Spending | black, 4.9 to 1 |
| 22 | `#8775ca` | `oklch(61.48% 0.1270 291.97)` | True V | black, 5.4 to 1 |
| 23 | `#8080d4` | `oklch(63.58% 0.1240 282.48)` | Tanzine | black, 5.9 to 1 |
| 24 | `#798bdb` | `oklch(65.78% 0.1208 273.01)` | Tanzine | black, 6.5 to 1 |
| 25 | `#7397e1` | `oklch(68.01% 0.1174 263.71)` | Little Boy Blue | black, 7.2 to 1 |
| 26 | `#6da2e5` | `oklch(70.22% 0.1140 254.75)` | Windjammer | black, 7.9 to 1 |
| 27 | `#68ace7` | `oklch(72.32% 0.1106 246.28)` | Blue Jeans | black, 8.6 to 1 |
| 28 | `#65b5e8` | `oklch(74.25% 0.1075 238.46)` | Sanctuary Spa | black, 9.3 to 1 |
| 29 | `#65bde8` | `oklch(75.96% 0.1047 231.44)` | Norfolk Sky | black, 9.9 to 1 |
| 30 | `#65c3e7` | `oklch(77.36% 0.1024 225.38)` | Candid Blue | black, 10.5 to 1 |
| 31 | `#66c8e6` | `oklch(78.40% 0.1006 220.43)` | Hawaiian Breeze | black, 10.9 to 1 |
| 32 | `#67cbe4` | `oklch(79.01% 0.0995 216.76)` | Hawaiian Breeze | black, 11.1 to 1 |
| 33 | `#67cbe2` | `oklch(79.12% 0.0992 214.58)` | Hawaiian Breeze | black, 11.2 to 1 |
| 34 | `#65cae1` | `oklch(78.73% 0.0996 214.26)` | Hawaiian Breeze | black, 11.1 to 1 |
| 35 | `#61c7e0` | `oklch(77.90% 0.1007 215.62)` | Squeaky | black, 10.7 to 1 |
| 36 | `#5dc3df` | `oklch(76.70% 0.1023 218.38)` | Naxos Sky | black, 10.3 to 1 |
| 37 | `#59bdde` | `oklch(75.20% 0.1043 222.30)` | Sea Capture | black, 9.7 to 1 |
| 38 | `#55b6dd` | `oklch(73.46% 0.1066 227.09)` | Sail Away | black, 9.1 to 1 |
| 39 | `#53afdc` | `oklch(71.56% 0.1092 232.51)` | Sail Away | black, 8.5 to 1 |
| 40 | `#52a6da` | `oklch(69.56% 0.1118 238.28)` | Blue Astro | black, 7.8 to 1 |
| 41 | `#539ed8` | `oklch(67.53% 0.1145 244.15)` | Waimea Blue | black, 7.2 to 1 |
| 42 | `#5595d5` | `oklch(65.54% 0.1170 249.84)` | Winter Lake | black, 6.6 to 1 |
| 43 | `#578dd2` | `oklch(63.66% 0.1194 255.10)` | Blue Dart | black, 6.1 to 1 |
| 44 | `#5986cf` | `oklch(61.96% 0.1214 259.66)` | Berlin Blue | black, 5.7 to 1 |
| 45 | `#5a80cb` | `oklch(60.50% 0.1230 263.26)` | Bodega Bay | black, 5.3 to 1 |
| 46 | `#5b7bc8` | `oklch(59.35% 0.1241 265.63)` | Serenity’s Reign | black, 5.1 to 1 |
| 47 | `#5a78c6` | `oklch(58.59% 0.1245 266.52)` | Indigo Light | black, 4.9 to 1 |
| 48 | `#5878c5` | `oklch(58.27% 0.1242 265.64)` | Indigo Light | black, 4.8 to 1 |
| 49 | `#5479c4` | `oklch(58.44% 0.1231 262.84)` | Serenity’s Reign | black, 4.9 to 1 |
| 50 | `#4e7dc4` | `oklch(59.01% 0.1212 258.31)` | Tufts Blue | black, 5 to 1 |
| 51 | `#4783c5` | `oklch(59.94% 0.1186 252.29)` | Worn Denim | black, 5.3 to 1 |
| 52 | `#3f8ac4` | `oklch(61.18% 0.1155 244.99)` | Casting Sea | black, 5.6 to 1 |
| 53 | `#3892c3` | `oklch(62.67% 0.1119 236.65)` | Opalescent | black, 6 to 1 |
| 54 | `#339ac0` | `oklch(64.35% 0.1079 227.51)` | Fairy Tale Blue | black, 6.5 to 1 |
| 55 | `#34a2bd` | `oklch(66.19% 0.1037 217.77)` | Maui | black, 7 to 1 |
| 56 | `#3caab8` | `oklch(68.13% 0.0993 207.68)` | Explore Blue | black, 7.6 to 1 |
| 57 | `#49b1b3` | `oklch(70.12% 0.0948 197.46)` | Crystalsong Blue | black, 8.2 to 1 |
| 58 | `#59b7af` | `oklch(72.11% 0.0904 187.34)` | Veranda Blue | black, 8.8 to 1 |
| 59 | `#6abdaa` | `oklch(74.04% 0.0861 177.55)` | Larchmere | black, 9.4 to 1 |
| 60 | `#7bc2a7` | `oklch(75.87% 0.0820 168.31)` | Green Balloon | black, 10 to 1 |
| 61 | `#89c6a5` | `oklch(77.54% 0.0783 159.86)` | Aqua Eden | black, 10.6 to 1 |
| 62 | `#96c9a3` | `oklch(79.00% 0.0751 152.42)` | Peppermint Spray | black, 11.1 to 1 |
| 63 | `#a1cba3` | `oklch(80.21% 0.0723 146.22)` | Potted Plant | black, 11.6 to 1 |
| 64 | `#a8cda3` | `oklch(81.10% 0.0703 141.48)` | Limestoned | black, 11.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #c59a74 0.0%, #c59672 1.6%, #c5926f 3.2%, #c48d6b 4.8%, #c38768 6.3%, #c28065 7.9%, #c07963 9.5%, #be7162 11.1%, #bc6a63 12.7%, #b96364 14.3%, #b65c67 15.9%, #b2576c 17.5%, #ae5271 19.0%, #aa4f78 20.6%, #a64d7f 22.2%, #a24d87 23.8%, #9e4f91 25.4%, #9b539b 27.0%, #9759a7 28.6%, #9261b3 30.2%, #8d6abf 31.7%, #8775ca 33.3%, #8080d4 34.9%, #798bdb 36.5%, #7397e1 38.1%, #6da2e5 39.7%, #68ace7 41.3%, #65b5e8 42.9%, #65bde8 44.4%, #65c3e7 46.0%, #66c8e6 47.6%, #67cbe4 49.2%, #67cbe2 50.8%, #65cae1 52.4%, #61c7e0 54.0%, #5dc3df 55.6%, #59bdde 57.1%, #55b6dd 58.7%, #53afdc 60.3%, #52a6da 61.9%, #539ed8 63.5%, #5595d5 65.1%, #578dd2 66.7%, #5986cf 68.3%, #5a80cb 69.8%, #5b7bc8 71.4%, #5a78c6 73.0%, #5878c5 74.6%, #5479c4 76.2%, #4e7dc4 77.8%, #4783c5 79.4%, #3f8ac4 81.0%, #3892c3 82.5%, #339ac0 84.1%, #34a2bd 85.7%, #3caab8 87.3%, #49b1b3 88.9%, #59b7af 90.5%, #6abdaa 92.1%, #7bc2a7 93.7%, #89c6a5 95.2%, #96c9a3 96.8%, #a1cba3 98.4%, #a8cda3 100.0%);
background: linear-gradient(135deg in oklch, oklch(71.65% 0.0730 62.58) 0.0%, oklch(70.97% 0.0754 59.55) 1.6%, oklch(70.03% 0.0785 56.01) 3.2%, oklch(68.88% 0.0822 51.98) 4.8%, oklch(67.56% 0.0864 47.51) 6.3%, oklch(66.11% 0.0911 42.64) 7.9%, oklch(64.58% 0.0960 37.41) 9.5%, oklch(63.02% 0.1010 31.86) 11.1%, oklch(61.47% 0.1061 26.04) 12.7%, oklch(59.98% 0.1111 19.98) 14.3%, oklch(58.58% 0.1160 13.71) 15.9%, oklch(57.33% 0.1204 7.30) 17.5%, oklch(56.26% 0.1245 0.76) 19.0%, oklch(55.43% 0.1280 354.16) 20.6%, oklch(54.88% 0.1308 347.51) 22.2%, oklch(54.66% 0.1328 340.87) 23.8%, oklch(54.80% 0.1338 334.25) 25.4%, oklch(55.40% 0.1340 327.01) 27.0%, oklch(56.44% 0.1332 319.00) 28.6%, oklch(57.84% 0.1317 310.39) 30.2%, oklch(59.54% 0.1296 301.33) 31.7%, oklch(61.48% 0.1270 291.97) 33.3%, oklch(63.58% 0.1240 282.48) 34.9%, oklch(65.78% 0.1208 273.01) 36.5%, oklch(68.01% 0.1174 263.71) 38.1%, oklch(70.22% 0.1140 254.75) 39.7%, oklch(72.32% 0.1106 246.28) 41.3%, oklch(74.25% 0.1075 238.46) 42.9%, oklch(75.96% 0.1047 231.44) 44.4%, oklch(77.36% 0.1024 225.38) 46.0%, oklch(78.40% 0.1006 220.43) 47.6%, oklch(79.01% 0.0995 216.76) 49.2%, oklch(79.12% 0.0992 214.58) 50.8%, oklch(78.73% 0.0996 214.26) 52.4%, oklch(77.90% 0.1007 215.62) 54.0%, oklch(76.70% 0.1023 218.38) 55.6%, oklch(75.20% 0.1043 222.30) 57.1%, oklch(73.46% 0.1066 227.09) 58.7%, oklch(71.56% 0.1092 232.51) 60.3%, oklch(69.56% 0.1118 238.28) 61.9%, oklch(67.53% 0.1145 244.15) 63.5%, oklch(65.54% 0.1170 249.84) 65.1%, oklch(63.66% 0.1194 255.10) 66.7%, oklch(61.96% 0.1214 259.66) 68.3%, oklch(60.50% 0.1230 263.26) 69.8%, oklch(59.35% 0.1241 265.63) 71.4%, oklch(58.59% 0.1245 266.52) 73.0%, oklch(58.27% 0.1242 265.64) 74.6%, oklch(58.44% 0.1231 262.84) 76.2%, oklch(59.01% 0.1212 258.31) 77.8%, oklch(59.94% 0.1186 252.29) 79.4%, oklch(61.18% 0.1155 244.99) 81.0%, oklch(62.67% 0.1119 236.65) 82.5%, oklch(64.35% 0.1079 227.51) 84.1%, oklch(66.19% 0.1037 217.77) 85.7%, oklch(68.13% 0.0993 207.68) 87.3%, oklch(70.12% 0.0948 197.46) 88.9%, oklch(72.11% 0.0904 187.34) 90.5%, oklch(74.04% 0.0861 177.55) 92.1%, oklch(75.87% 0.0820 168.31) 93.7%, oklch(77.54% 0.0783 159.86) 95.2%, oklch(79.00% 0.0751 152.42) 96.8%, oklch(80.21% 0.0723 146.22) 98.4%, oklch(81.10% 0.0703 141.48) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.717 | 0.073 | 62.6 |
| 2 | 0.547 | 0.134 | -24.1 |
| 3 | 0.791 | 0.099 | -144.5 |
| 4 | 0.583 | 0.124 | -94.9 |
| 5 | 0.811 | 0.07 | -218.5 |

## In these collections

- [Iridescent glass interface](https://grabient.com/iridescent-glass-interface)

## Other forms

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