# Mulled wine and cinnamon Warm dark purple, maroon and brown linear gradient with 32 colors: #2e0c1f, #310e20, #350f23, #3a1126, #3f1329, #44152c, #4a172f, #501932, #551b35, #5a1d38, #5f1f3a, #64223d, #6a243f, #6f2641, #742943, #7a2d45, #7f3146, #853547, #8a3a48, #904048, #954649, #9a4c4a, #9f524b, #a3584d, #a85e4f, #ad6552, #b26c55, #b77359, #bc795c, #c07f60, #c38563, #c68865. Edit it and copy or download CSS, SVG, PNG or shader code. - Also called: Warm dark purple, maroon and brown linear gradient - Seed: `kWOCz5KKDAjWoQRGJML1qDCQ` - Page: https://grabient.com/kWOCz5KKDAjWoQRGJML1qDCQ?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Kinds: dark to light, warm - Hues: analogous - Contrast of its darkest and lightest colors: 5.9 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 | `#2e0c1f` | `oklch(22.05% 0.0606 350.16)` | Black Cherry | white, 17.6 to 1 | | 2 | `#310e20` | `oklch(22.83% 0.0630 350.55)` | Black Cherry | white, 17.3 to 1 | | 3 | `#350f23` | `oklch(23.88% 0.0662 351.04)` | Chocolate Kiss | white, 16.8 to 1 | | 4 | `#3a1126` | `oklch(25.12% 0.0701 351.62)` | Chocolate Kiss | white, 16.3 to 1 | | 5 | `#3f1329` | `oklch(26.51% 0.0743 352.29)` | Black-Hearted | white, 15.7 to 1 | | 6 | `#44152c` | `oklch(27.97% 0.0787 353.04)` | Blackberry | white, 15 to 1 | | 7 | `#4a172f` | `oklch(29.45% 0.0830 353.86)` | Chilli Black Red | white, 14.4 to 1 | | 8 | `#501932` | `oklch(30.88% 0.0870 354.74)` | Chilli Black Red | white, 13.7 to 1 | | 9 | `#551b35` | `oklch(32.21% 0.0904 355.67)` | Tulip Poplar Purple | white, 13.1 to 1 | | 10 | `#5a1d38` | `oklch(33.49% 0.0937 356.56)` | Soul Anchor | white, 12.5 to 1 | | 11 | `#5f1f3a` | `oklch(34.75% 0.0971 357.42)` | Soul Anchor | white, 11.9 to 1 | | 12 | `#64223d` | `oklch(36.01% 0.1004 358.32)` | Quills of Terico | white, 11.4 to 1 | | 13 | `#6a243f` | `oklch(37.29% 0.1034 359.34)` | Witch Soup | white, 10.8 to 1 | | 14 | `#6f2641` | `oklch(38.61% 0.1061 0.56)` | Cherry Juice Red | white, 10.3 to 1 | | 15 | `#742943` | `oklch(39.97% 0.1083 2.05)` | Palace Red | white, 9.7 to 1 | | 16 | `#7a2d45` | `oklch(41.39% 0.1098 3.88)` | Rhododendron | white, 9.2 to 1 | | 17 | `#7f3146` | `oklch(42.89% 0.1105 6.15)` | Rhododendron | white, 8.6 to 1 | | 18 | `#853547` | `oklch(44.47% 0.1103 8.94)` | Honey Chilli | white, 8 to 1 | | 19 | `#8a3a48` | `oklch(46.11% 0.1094 12.15)` | Rushing Red | white, 7.5 to 1 | | 20 | `#904048` | `oklch(47.81% 0.1080 15.62)` | Apple-a-Day | white, 6.9 to 1 | | 21 | `#954649` | `oklch(49.53% 0.1063 19.24)` | Cowhide | white, 6.4 to 1 | | 22 | `#9a4c4a` | `oklch(51.26% 0.1044 22.86)` | Rembrandt Ruby | white, 5.9 to 1 | | 23 | `#9f524b` | `oklch(52.99% 0.1026 26.35)` | Bravado Red | white, 5.5 to 1 | | 24 | `#a3584d` | `oklch(54.70% 0.1009 29.57)` | Volcanic | white, 5.1 to 1 | | 25 | `#a85e4f` | `oklch(56.43% 0.0995 32.55)` | Foxy | white, 4.7 to 1 | | 26 | `#ad6552` | `oklch(58.31% 0.0980 35.60)` | Aragon | black, 4.7 to 1 | | 27 | `#b26c55` | `oklch(60.26% 0.0963 38.64)` | Santa Fe | black, 5.1 to 1 | | 28 | `#b77359` | `oklch(62.19% 0.0947 41.58)` | Weathered Saddle | black, 5.6 to 1 | | 29 | `#bc795c` | `oklch(64.03% 0.0931 44.32)` | Autumn’s Hill | black, 6 to 1 | | 30 | `#c07f60` | `oklch(65.68% 0.0917 46.77)` | Sundial | black, 6.4 to 1 | | 31 | `#c38563` | `oklch(67.07% 0.0905 48.82)` | Toasted Nut | black, 6.8 to 1 | | 32 | `#c68865` | `oklch(68.11% 0.0896 50.39)` | Wheatberry | black, 7.1 to 1 | ## CSS ```css background: linear-gradient(90deg, #2e0c1f 0.0%, #310e20 3.2%, #350f23 6.5%, #3a1126 9.7%, #3f1329 12.9%, #44152c 16.1%, #4a172f 19.4%, #501932 22.6%, #551b35 25.8%, #5a1d38 29.0%, #5f1f3a 32.3%, #64223d 35.5%, #6a243f 38.7%, #6f2641 41.9%, #742943 45.2%, #7a2d45 48.4%, #7f3146 51.6%, #853547 54.8%, #8a3a48 58.1%, #904048 61.3%, #954649 64.5%, #9a4c4a 67.7%, #9f524b 71.0%, #a3584d 74.2%, #a85e4f 77.4%, #ad6552 80.6%, #b26c55 83.9%, #b77359 87.1%, #bc795c 90.3%, #c07f60 93.5%, #c38563 96.8%, #c68865 100.0%); background: linear-gradient(90deg in oklch, oklch(22.05% 0.0606 350.16) 0.0%, oklch(22.83% 0.0630 350.55) 3.2%, oklch(23.88% 0.0662 351.04) 6.5%, oklch(25.12% 0.0701 351.62) 9.7%, oklch(26.51% 0.0743 352.29) 12.9%, oklch(27.97% 0.0787 353.04) 16.1%, oklch(29.45% 0.0830 353.86) 19.4%, oklch(30.88% 0.0870 354.74) 22.6%, oklch(32.21% 0.0904 355.67) 25.8%, oklch(33.49% 0.0937 356.56) 29.0%, oklch(34.75% 0.0971 357.42) 32.3%, oklch(36.01% 0.1004 358.32) 35.5%, oklch(37.29% 0.1034 359.34) 38.7%, oklch(38.61% 0.1061 0.56) 41.9%, oklch(39.97% 0.1083 2.05) 45.2%, oklch(41.39% 0.1098 3.88) 48.4%, oklch(42.89% 0.1105 6.15) 51.6%, oklch(44.47% 0.1103 8.94) 54.8%, oklch(46.11% 0.1094 12.15) 58.1%, oklch(47.81% 0.1080 15.62) 61.3%, oklch(49.53% 0.1063 19.24) 64.5%, oklch(51.26% 0.1044 22.86) 67.7%, oklch(52.99% 0.1026 26.35) 71.0%, oklch(54.70% 0.1009 29.57) 74.2%, oklch(56.43% 0.0995 32.55) 77.4%, oklch(58.31% 0.0980 35.60) 80.6%, oklch(60.26% 0.0963 38.64) 83.9%, oklch(62.19% 0.0947 41.58) 87.1%, oklch(64.03% 0.0931 44.32) 90.3%, oklch(65.68% 0.0917 46.77) 93.5%, oklch(67.07% 0.0905 48.82) 96.8%, oklch(68.11% 0.0896 50.39) 100.0%); ``` ## Keyframes 5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.22 | 0.061 | 350.2 | | 2 | 0.319 | 0.09 | 355.4 | | 3 | 0.421 | 0.11 | 365 | | 4 | 0.551 | 0.101 | 390.3 | | 5 | 0.681 | 0.09 | 410.4 | ## In these collections - [Cozy color palette](https://grabient.com/cozy-color-palette) ## Other forms - [JSON](https://grabient.com/kWOCz5KKDAjWoQRGJML1qDCQ.json?steps=32) - [PNG](https://grabient.com/kWOCz5KKDAjWoQRGJML1qDCQ.png?steps=32) - [SVG](https://grabient.com/kWOCz5KKDAjWoQRGJML1qDCQ.svg?steps=32) - [CSS](https://grabient.com/kWOCz5KKDAjWoQRGJML1qDCQ.css?steps=32) - [ASE](https://grabient.com/kWOCz5KKDAjWoQRGJML1qDCQ.ase?steps=32) - [GPL](https://grabient.com/kWOCz5KKDAjWoQRGJML1qDCQ.gpl?steps=32) - [GRD](https://grabient.com/kWOCz5KKDAjWoQRGJML1qDCQ.grd?steps=32) - [Design tokens](https://grabient.com/kWOCz5KKDAjWoQRGJML1qDCQ.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=kWOCz5KKDAjWoQRGJML1qDCQ&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=kWOCz5KKDAjWoQRGJML1qDCQ) - [Guide for agents](https://grabient.com/llms.txt)