# Olive amber pewter diagonal Muted rainbow from purple to gray linear gradient with 32 colors: #6c4053, #774455, #894b58, #9d5458, #b25f54, #c56c4b, #d17b3c, #d48a29, #cb971c, #b7a12a, #9aa847, #7ba964, #61a47a, #539c88, #50918e, #4f868d, #4d7b8a, #456f85, #3b617f, #315378, #294470, #24386a, #202e64, #1d2a61, #1b2c61, #183464, #164067, #1a4d6b, #285b6e, #396770, #497073, #547676. Edit it and copy or download CSS, SVG, PNG or shader code. - Also called: Muted rainbow from purple to gray linear gradient - Seed: `kWbTD7WbLKEiUz-nJEaRI43I` - Page: https://grabient.com/kWbTD7WbLKEiUz-nJEaRI43I?steps=32&angle=225 - Drawn as: linear gradient, 32 steps, 225 degrees - Kinds: rainbow - Hues: two-hue - Contrast of its darkest and lightest colors: 5.2 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 | `#6c4053` | `oklch(42.91% 0.0661 352.97)` | Chilled Wine | white, 8.4 to 1 | | 2 | `#774455` | `oklch(45.42% 0.0731 359.46)` | Deep Carmine | white, 7.6 to 1 | | 3 | `#894b58` | `oklch(49.08% 0.0836 7.75)` | Wine Not | white, 6.5 to 1 | | 4 | `#9d5458` | `oklch(53.46% 0.0963 17.60)` | Cuban Rhythm | white, 5.4 to 1 | | 5 | `#b25f54` | `oklch(58.11% 0.1095 28.77)` | Prairie Poppy | black, 4.6 to 1 | | 6 | `#c56c4b` | `oklch(62.60% 0.1218 41.05)` | Tile Red | black, 5.6 to 1 | | 7 | `#d17b3c` | `oklch(66.48% 0.1318 54.19)` | Orpiment Orange | black, 6.6 to 1 | | 8 | `#d48a29` | `oklch(69.31% 0.1379 67.96)` | Opulent | black, 7.4 to 1 | | 9 | `#cb971c` | `oklch(70.67% 0.1388 82.22)` | Retro Vibe | black, 7.9 to 1 | | 10 | `#b7a12a` | `oklch(70.78% 0.1333 98.43)` | Pollen Storm | black, 8.1 to 1 | | 11 | `#9aa847` | `oklch(69.97% 0.1228 116.58)` | Ogryn Camo | black, 8 to 1 | | 12 | `#7ba964` | `oklch(68.42% 0.1091 135.82)` | Jealousy | black, 7.6 to 1 | | 13 | `#61a47a` | `oklch(66.30% 0.0940 155.35)` | Shiny Shamrock | black, 7.1 to 1 | | 14 | `#539c88` | `oklch(63.81% 0.0794 174.31)` | Derby Green | black, 6.4 to 1 | | 15 | `#50918e` | `oklch(61.11% 0.0670 191.89)` | Green Agate | black, 5.7 to 1 | | 16 | `#4f868d` | `oklch(58.40% 0.0586 207.24)` | Flounce | black, 5.1 to 1 | | 17 | `#4d7b8a` | `oklch(55.65% 0.0559 219.93)` | Sky Space | white, 4.6 to 1 | | 18 | `#456f85` | `oklch(52.05% 0.0584 231.62)` | Am I Blue? | white, 5.4 to 1 | | 19 | `#3b617f` | `oklch(47.79% 0.0646 242.34)` | Chinese Porcelain | white, 6.5 to 1 | | 20 | `#315378` | `oklch(43.28% 0.0731 251.77)` | Aerostatics | white, 7.9 to 1 | | 21 | `#294470` | `oklch(38.93% 0.0822 259.59)` | Blue Funk | white, 9.6 to 1 | | 22 | `#24386a` | `oklch(35.13% 0.0906 265.45)` | Passionate Blue | white, 11.3 to 1 | | 23 | `#202e64` | `oklch(32.29% 0.0968 269.04)` | Mythical Night | white, 12.7 to 1 | | 24 | `#1d2a61` | `oklch(30.82% 0.0993 270.03)` | Schiava Blue | white, 13.5 to 1 | | 25 | `#1b2c61` | `oklch(31.10% 0.0972 267.50)` | Mythical Night | white, 13.3 to 1 | | 26 | `#183464` | `oklch(33.06% 0.0913 260.47)` | Passionate Blue | white, 12.3 to 1 | | 27 | `#164067` | `oklch(36.23% 0.0829 250.18)` | Blue Opal | white, 10.7 to 1 | | 28 | `#1a4d6b` | `oklch(40.15% 0.0729 237.95)` | Indigo Cloth | white, 9 to 1 | | 29 | `#285b6e` | `oklch(44.36% 0.0624 225.09)` | Quiet Storm | white, 7.5 to 1 | | 30 | `#396770` | `oklch(48.37% 0.0525 212.91)` | Smock Blue | white, 6.2 to 1 | | 31 | `#497073` | `oklch(51.72% 0.0442 202.73)` | Thunderhawk Blue | white, 5.4 to 1 | | 32 | `#547676` | `oklch(53.94% 0.0386 195.87)` | Sagebrush Green | white, 4.9 to 1 | ## CSS ```css background: linear-gradient(225deg, #6c4053 0.0%, #774455 3.2%, #894b58 6.5%, #9d5458 9.7%, #b25f54 12.9%, #c56c4b 16.1%, #d17b3c 19.4%, #d48a29 22.6%, #cb971c 25.8%, #b7a12a 29.0%, #9aa847 32.3%, #7ba964 35.5%, #61a47a 38.7%, #539c88 41.9%, #50918e 45.2%, #4f868d 48.4%, #4d7b8a 51.6%, #456f85 54.8%, #3b617f 58.1%, #315378 61.3%, #294470 64.5%, #24386a 67.7%, #202e64 71.0%, #1d2a61 74.2%, #1b2c61 77.4%, #183464 80.6%, #164067 83.9%, #1a4d6b 87.1%, #285b6e 90.3%, #396770 93.5%, #497073 96.8%, #547676 100.0%); background: linear-gradient(225deg in oklch, oklch(42.91% 0.0661 352.97) 0.0%, oklch(45.42% 0.0731 359.46) 3.2%, oklch(49.08% 0.0836 7.75) 6.5%, oklch(53.46% 0.0963 17.60) 9.7%, oklch(58.11% 0.1095 28.77) 12.9%, oklch(62.60% 0.1218 41.05) 16.1%, oklch(66.48% 0.1318 54.19) 19.4%, oklch(69.31% 0.1379 67.96) 22.6%, oklch(70.67% 0.1388 82.22) 25.8%, oklch(70.78% 0.1333 98.43) 29.0%, oklch(69.97% 0.1228 116.58) 32.3%, oklch(68.42% 0.1091 135.82) 35.5%, oklch(66.30% 0.0940 155.35) 38.7%, oklch(63.81% 0.0794 174.31) 41.9%, oklch(61.11% 0.0670 191.89) 45.2%, oklch(58.40% 0.0586 207.24) 48.4%, oklch(55.65% 0.0559 219.93) 51.6%, oklch(52.05% 0.0584 231.62) 54.8%, oklch(47.79% 0.0646 242.34) 58.1%, oklch(43.28% 0.0731 251.77) 61.3%, oklch(38.93% 0.0822 259.59) 64.5%, oklch(35.13% 0.0906 265.45) 67.7%, oklch(32.29% 0.0968 269.04) 71.0%, oklch(30.82% 0.0993 270.03) 74.2%, oklch(31.10% 0.0972 267.50) 77.4%, oklch(33.06% 0.0913 260.47) 80.6%, oklch(36.23% 0.0829 250.18) 83.9%, oklch(40.15% 0.0729 237.95) 87.1%, oklch(44.36% 0.0624 225.09) 90.3%, oklch(48.37% 0.0525 212.91) 93.5%, oklch(51.72% 0.0442 202.73) 96.8%, oklch(53.94% 0.0386 195.87) 100.0%); ``` ## Keyframes 5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.429 | 0.066 | 353 | | 2 | 0.705 | 0.139 | 438.6 | | 3 | 0.571 | 0.056 | 573.8 | | 4 | 0.307 | 0.099 | 629.8 | | 5 | 0.539 | 0.039 | 555.9 | ## In these collections - [Olive grove wedding dinner](https://grabient.com/olive-grove-wedding-dinner) ## Other forms - [JSON](https://grabient.com/kWbTD7WbLKEiUz-nJEaRI43I.json?steps=32&angle=225) - [PNG](https://grabient.com/kWbTD7WbLKEiUz-nJEaRI43I.png?steps=32&angle=225) - [SVG](https://grabient.com/kWbTD7WbLKEiUz-nJEaRI43I.svg?steps=32&angle=225) - [CSS](https://grabient.com/kWbTD7WbLKEiUz-nJEaRI43I.css?steps=32&angle=225) - [ASE](https://grabient.com/kWbTD7WbLKEiUz-nJEaRI43I.ase?steps=32&angle=225) - [GPL](https://grabient.com/kWbTD7WbLKEiUz-nJEaRI43I.gpl?steps=32&angle=225) - [GRD](https://grabient.com/kWbTD7WbLKEiUz-nJEaRI43I.grd?steps=32&angle=225) - [Design tokens](https://grabient.com/kWbTD7WbLKEiUz-nJEaRI43I.tokens.json?steps=32&angle=225) - [Social card](https://grabient.com/api/og?seed=kWbTD7WbLKEiUz-nJEaRI43I&steps=32&angle=225) - [Palettes like this one](https://grabient.com/palettes?q=kWbTD7WbLKEiUz-nJEaRI43I) - [Guide for agents](https://grabient.com/llms.txt)