# Burgundy to gold gradient Vivid analogous maroon to tan linear gradient with 32 colors: #4e081d, #52091e, #560a1f, #5b0b21, #610d22, #680f23, #6e1224, #741625, #7a1a25, #801f26, #862526, #8c2b27, #913227, #973828, #9c3f28, #a24629, #a84d29, #ae542a, #b35c2b, #b9642c, #bf6c2d, #c4742f, #c97c31, #ce8434, #d28c38, #d7943c, #db9c41, #dfa446, #e3ac4b, #e6b250, #e8b854, #eabd57. Edit it and copy or download CSS, SVG, PNG or shader code. - Also called: Vivid analogous maroon to tan linear gradient - Seed: `kWR0kHMK9BEIvQlWr0L6C9CQ` - Page: https://grabient.com/kWR0kHMK9BEIvQlWr0L6C9CQ?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Kinds: dark to light, vivid, warm - Hues: wide - Contrast of its darkest and lightest colors: 8.6 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 | `#4e081d` | `oklch(27.95% 0.1006 9.84)` | Maroon Oak | white, 15.2 to 1 | | 2 | `#52091e` | `oklch(28.75% 0.1031 10.53)` | Bloedworst | white, 14.8 to 1 | | 3 | `#560a1f` | `oklch(29.78% 0.1067 11.36)` | Bloedworst | white, 14.3 to 1 | | 4 | `#5b0b21` | `oklch(31.01% 0.1110 12.35)` | Chocolate Cosmos | white, 13.8 to 1 | | 5 | `#610d22` | `oklch(32.39% 0.1156 13.50)` | Merguez | white, 13.2 to 1 | | 6 | `#680f23` | `oklch(33.88% 0.1202 14.81)` | Dark Humour | white, 12.5 to 1 | | 7 | `#6e1224` | `oklch(35.44% 0.1244 16.30)` | Velvet Outbreak | white, 11.8 to 1 | | 8 | `#741625` | `oklch(37.02% 0.1277 17.98)` | Heavy Heart | white, 11.1 to 1 | | 9 | `#7a1a25` | `oklch(38.58% 0.1300 19.84)` | Jazzy Red | white, 10.4 to 1 | | 10 | `#801f26` | `oklch(40.18% 0.1312 21.94)` | Heirloom Red | white, 9.7 to 1 | | 11 | `#862526` | `oklch(41.86% 0.1316 24.25)` | Flame Red | white, 9.1 to 1 | | 12 | `#8c2b27` | `oklch(43.60% 0.1316 26.76)` | Borscht | white, 8.4 to 1 | | 13 | `#913227` | `oklch(45.39% 0.1311 29.42)` | Red Kite | white, 7.8 to 1 | | 14 | `#973828` | `oklch(47.22% 0.1305 32.19)` | Brown Labrador | white, 7.2 to 1 | | 15 | `#9c3f28` | `oklch(49.10% 0.1300 35.05)` | Tia Maria | white, 6.6 to 1 | | 16 | `#a24629` | `oklch(51.01% 0.1296 37.97)` | Toasted Paprika | white, 6 to 1 | | 17 | `#a84d29` | `oklch(52.95% 0.1295 40.93)` | Hamburger | white, 5.5 to 1 | | 18 | `#ae542a` | `oklch(54.98% 0.1295 44.09)` | Cinnamon Stick | white, 5.1 to 1 | | 19 | `#b35c2b` | `oklch(57.08% 0.1295 47.41)` | Fiery Orange | white, 4.6 to 1 | | 20 | `#b9642c` | `oklch(59.23% 0.1295 50.82)` | Hell’s Bells | black, 4.9 to 1 | | 21 | `#bf6c2d` | `oklch(61.39% 0.1295 54.26)` | Carrot Cake | black, 5.3 to 1 | | 22 | `#c4742f` | `oklch(63.53% 0.1295 57.66)` | October | black, 5.8 to 1 | | 23 | `#c97c31` | `oklch(65.61% 0.1295 60.95)` | Exotic Honey | black, 6.4 to 1 | | 24 | `#ce8434` | `oklch(67.62% 0.1295 64.05)` | Dixie | black, 6.9 to 1 | | 25 | `#d28c38` | `oklch(69.60% 0.1295 67.03)` | Caramelise | black, 7.5 to 1 | | 26 | `#d7943c` | `oklch(71.65% 0.1295 70.08)` | Hint of Caramel | black, 8.1 to 1 | | 27 | `#db9c41` | `oklch(73.73% 0.1295 73.13)` | Solar Fusion | black, 8.8 to 1 | | 28 | `#dfa446` | `oklch(75.76% 0.1295 76.06)` | Golden Tiger | black, 9.5 to 1 | | 29 | `#e3ac4b` | `oklch(77.67% 0.1295 78.80)` | Lemon Essence | black, 10.2 to 1 | | 30 | `#e6b250` | `oklch(79.37% 0.1295 81.25)` | Va Va Voom | black, 10.8 to 1 | | 31 | `#e8b854` | `oklch(80.80% 0.1295 83.30)` | Ronchi | black, 11.4 to 1 | | 32 | `#eabd57` | `oklch(81.89% 0.1295 84.87)` | Sundried | black, 11.9 to 1 | ## CSS ```css background: linear-gradient(90deg, #4e081d 0.0%, #52091e 3.2%, #560a1f 6.5%, #5b0b21 9.7%, #610d22 12.9%, #680f23 16.1%, #6e1224 19.4%, #741625 22.6%, #7a1a25 25.8%, #801f26 29.0%, #862526 32.3%, #8c2b27 35.5%, #913227 38.7%, #973828 41.9%, #9c3f28 45.2%, #a24629 48.4%, #a84d29 51.6%, #ae542a 54.8%, #b35c2b 58.1%, #b9642c 61.3%, #bf6c2d 64.5%, #c4742f 67.7%, #c97c31 71.0%, #ce8434 74.2%, #d28c38 77.4%, #d7943c 80.6%, #db9c41 83.9%, #dfa446 87.1%, #e3ac4b 90.3%, #e6b250 93.5%, #e8b854 96.8%, #eabd57 100.0%); background: linear-gradient(90deg in oklch, oklch(27.95% 0.1006 9.84) 0.0%, oklch(28.75% 0.1031 10.53) 3.2%, oklch(29.78% 0.1067 11.36) 6.5%, oklch(31.01% 0.1110 12.35) 9.7%, oklch(32.39% 0.1156 13.50) 12.9%, oklch(33.88% 0.1202 14.81) 16.1%, oklch(35.44% 0.1244 16.30) 19.4%, oklch(37.02% 0.1277 17.98) 22.6%, oklch(38.58% 0.1300 19.84) 25.8%, oklch(40.18% 0.1312 21.94) 29.0%, oklch(41.86% 0.1316 24.25) 32.3%, oklch(43.60% 0.1316 26.76) 35.5%, oklch(45.39% 0.1311 29.42) 38.7%, oklch(47.22% 0.1305 32.19) 41.9%, oklch(49.10% 0.1300 35.05) 45.2%, oklch(51.01% 0.1296 37.97) 48.4%, oklch(52.95% 0.1295 40.93) 51.6%, oklch(54.98% 0.1295 44.09) 54.8%, oklch(57.08% 0.1295 47.41) 58.1%, oklch(59.23% 0.1295 50.82) 61.3%, oklch(61.39% 0.1295 54.26) 64.5%, oklch(63.53% 0.1295 57.66) 67.7%, oklch(65.61% 0.1295 60.95) 71.0%, oklch(67.62% 0.1295 64.05) 74.2%, oklch(69.60% 0.1295 67.03) 77.4%, oklch(71.65% 0.1295 70.08) 80.6%, oklch(73.73% 0.1295 73.13) 83.9%, oklch(75.76% 0.1295 76.06) 87.1%, oklch(77.67% 0.1295 78.80) 90.3%, oklch(79.37% 0.1295 81.25) 93.5%, oklch(80.80% 0.1295 83.30) 96.8%, oklch(81.89% 0.1295 84.87) 100.0%); ``` ## Keyframes 5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.28 | 0.101 | 9.8 | | 2 | 0.382 | 0.13 | 19.4 | | 3 | 0.52 | 0.13 | 39.4 | | 4 | 0.681 | 0.13 | 64.8 | | 5 | 0.819 | 0.13 | 84.9 | ## In these collections - [Burgundy and gold](https://grabient.com/burgundy-and-gold) ## Other forms - [JSON](https://grabient.com/kWR0kHMK9BEIvQlWr0L6C9CQ.json?steps=32) - [PNG](https://grabient.com/kWR0kHMK9BEIvQlWr0L6C9CQ.png?steps=32) - [SVG](https://grabient.com/kWR0kHMK9BEIvQlWr0L6C9CQ.svg?steps=32) - [CSS](https://grabient.com/kWR0kHMK9BEIvQlWr0L6C9CQ.css?steps=32) - [ASE](https://grabient.com/kWR0kHMK9BEIvQlWr0L6C9CQ.ase?steps=32) - [GPL](https://grabient.com/kWR0kHMK9BEIvQlWr0L6C9CQ.gpl?steps=32) - [GRD](https://grabient.com/kWR0kHMK9BEIvQlWr0L6C9CQ.grd?steps=32) - [Design tokens](https://grabient.com/kWR0kHMK9BEIvQlWr0L6C9CQ.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=kWR0kHMK9BEIvQlWr0L6C9CQ&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=kWR0kHMK9BEIvQlWr0L6C9CQ) - [Guide for agents](https://grabient.com/llms.txt)