# Analogous black, red and peach linear gradient Analogous black, red and peach linear gradient with 32 colors: #250a14, #2b0b16, #350c19, #400d1d, #4d0f20, #5a1023, #661125, #721227, #7e132a, #8b152d, #97172f, #a31932, #ae1d33, #b72134, #c02535, #c72a35, #ce2f34, #d43534, #da3c33, #e04431, #e44e2f, #e7572f, #ea612f, #ec6b30, #ef7632, #f28135, #f58d3a, #f89c43, #fbaa4d, #fdb859, #ffc364, #ffcb6f. Edit it and copy or download CSS, SVG, PNG or shader code. - Seed: `kYMSMAK6vBj9BwLMx0EWrvCW6uQ4` - Page: https://grabient.com/kYMSMAK6vBj9BwLMx0EWrvCW6uQ4?steps=32&angle=180 - Drawn as: linear gradient, 32 steps, 180 degrees - Kinds: dark to light, vivid, warm - Hues: analogous - Contrast of its darkest and lightest colors: 12.4 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 | `#250a14` | `oklch(19.29% 0.0482 0.00)` | Italian Roast | white, 18.5 to 1 | | 2 | `#2b0b16` | `oklch(20.85% 0.0558 1.52)` | Dark Danger | white, 18 to 1 | | 3 | `#350c19` | `oklch(23.00% 0.0664 3.68)` | Black Rooster | white, 17.2 to 1 | | 4 | `#400d1d` | `oklch(25.54% 0.0789 6.21)` | What We Do in the Shadows | white, 16.2 to 1 | | 5 | `#4d0f20` | `oklch(28.31% 0.0924 8.85)` | Maroon Oak | white, 15 to 1 | | 6 | `#5a1023` | `oklch(31.11% 0.1056 11.34)` | Chocolate Cosmos | white, 13.7 to 1 | | 7 | `#661125` | `oklch(33.76% 0.1177 13.40)` | Dark Humour | white, 12.5 to 1 | | 8 | `#721227` | `oklch(36.25% 0.1286 14.89)` | Heavy Heart | white, 11.4 to 1 | | 9 | `#7e132a` | `oklch(38.82% 0.1397 16.02)` | Sweet Cherry Red | white, 10.4 to 1 | | 10 | `#8b152d` | `oklch(41.42% 0.1506 16.93)` | Antique Ruby | white, 9.3 to 1 | | 11 | `#97172f` | `oklch(43.99% 0.1609 17.73)` | Bacchic Burgundy | white, 8.4 to 1 | | 12 | `#a31932` | `oklch(46.45% 0.1701 18.58)` | Vivid Burgundy | white, 7.6 to 1 | | 13 | `#ae1d33` | `oklch(48.75% 0.1779 19.59)` | Christmas Red | white, 6.9 to 1 | | 14 | `#b72134` | `oklch(50.82% 0.1840 20.83)` | Gory Movie | white, 6.3 to 1 | | 15 | `#c02535` | `oklch(52.68% 0.1888 22.05)` | Lolita | white, 5.9 to 1 | | 16 | `#c72a35` | `oklch(54.38% 0.1925 23.30)` | Mars Red | white, 5.5 to 1 | | 17 | `#ce2f34` | `oklch(55.99% 0.1949 24.69)` | Madder Lake | white, 5.1 to 1 | | 18 | `#d43534` | `oklch(57.58% 0.1962 26.31)` | Akuma | white, 4.8 to 1 | | 19 | `#da3c33` | `oklch(59.21% 0.1962 28.24)` | Dangerously Red | black, 4.6 to 1 | | 20 | `#e04431` | `oklch(60.93% 0.1950 30.57)` | Matt Demon | black, 5 to 1 | | 21 | `#e44e2f` | `oklch(62.61% 0.1918 33.20)` | Scoville High | black, 5.4 to 1 | | 22 | `#e7572f` | `oklch(64.26% 0.1871 36.11)` | Scorpio Scarlet Seal | black, 5.8 to 1 | | 23 | `#ea612f` | `oklch(65.94% 0.1813 39.29)` | Sunset Blaze | black, 6.2 to 1 | | 24 | `#ec6b30` | `oklch(67.70% 0.1750 42.75)` | Mandarin Orange | black, 6.7 to 1 | | 25 | `#ef7632` | `oklch(69.60% 0.1687 46.48)` | Orange Crush | black, 7.2 to 1 | | 26 | `#f28135` | `oklch(71.70% 0.1628 50.51)` | Goku Orange | black, 7.9 to 1 | | 27 | `#f58d3a` | `oklch(74.25% 0.1566 55.40)` | Spicy Paella | black, 8.7 to 1 | | 28 | `#f89c43` | `oklch(77.14% 0.1497 61.01)` | Chat Orange | black, 9.8 to 1 | | 29 | `#fbaa4d` | `oklch(80.12% 0.1427 66.82)` | Prison Jumpsuit | black, 10.9 to 1 | | 30 | `#fdb859` | `oklch(82.93% 0.1362 72.32)` | Carriage Yellow | black, 12.1 to 1 | | 31 | `#ffc364` | `oklch(85.31% 0.1307 76.99)` | Honey Locust | black, 13.2 to 1 | | 32 | `#ffcb6f` | `oklch(87.01% 0.1249 80.32)` | Grandis | black, 14 to 1 | ## CSS ```css background: linear-gradient(180deg, #250a14 0.0%, #2b0b16 3.2%, #350c19 6.5%, #400d1d 9.7%, #4d0f20 12.9%, #5a1023 16.1%, #661125 19.4%, #721227 22.6%, #7e132a 25.8%, #8b152d 29.0%, #97172f 32.3%, #a31932 35.5%, #ae1d33 38.7%, #b72134 41.9%, #c02535 45.2%, #c72a35 48.4%, #ce2f34 51.6%, #d43534 54.8%, #da3c33 58.1%, #e04431 61.3%, #e44e2f 64.5%, #e7572f 67.7%, #ea612f 71.0%, #ec6b30 74.2%, #ef7632 77.4%, #f28135 80.6%, #f58d3a 83.9%, #f89c43 87.1%, #fbaa4d 90.3%, #fdb859 93.5%, #ffc364 96.8%, #ffcb6f 100.0%); background: linear-gradient(180deg in oklch, oklch(19.29% 0.0482 0.00) 0.0%, oklch(20.85% 0.0558 1.52) 3.2%, oklch(23.00% 0.0664 3.68) 6.5%, oklch(25.54% 0.0789 6.21) 9.7%, oklch(28.31% 0.0924 8.85) 12.9%, oklch(31.11% 0.1056 11.34) 16.1%, oklch(33.76% 0.1177 13.40) 19.4%, oklch(36.25% 0.1286 14.89) 22.6%, oklch(38.82% 0.1397 16.02) 25.8%, oklch(41.42% 0.1506 16.93) 29.0%, oklch(43.99% 0.1609 17.73) 32.3%, oklch(46.45% 0.1701 18.58) 35.5%, oklch(48.75% 0.1779 19.59) 38.7%, oklch(50.82% 0.1840 20.83) 41.9%, oklch(52.68% 0.1888 22.05) 45.2%, oklch(54.38% 0.1925 23.30) 48.4%, oklch(55.99% 0.1949 24.69) 51.6%, oklch(57.58% 0.1962 26.31) 54.8%, oklch(59.21% 0.1962 28.24) 58.1%, oklch(60.93% 0.1950 30.57) 61.3%, oklch(62.61% 0.1918 33.20) 64.5%, oklch(64.26% 0.1871 36.11) 67.7%, oklch(65.94% 0.1813 39.29) 71.0%, oklch(67.70% 0.1750 42.75) 74.2%, oklch(69.60% 0.1687 46.48) 77.4%, oklch(71.70% 0.1628 50.51) 80.6%, oklch(74.25% 0.1566 55.40) 83.9%, oklch(77.14% 0.1497 61.01) 87.1%, oklch(80.12% 0.1427 66.82) 90.3%, oklch(82.93% 0.1362 72.32) 93.5%, oklch(85.31% 0.1307 76.99) 96.8%, oklch(87.01% 0.1249 80.32) 100.0%); ``` ## Keyframes 6 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.193 | 0.048 | 0 | | 2 | 0.343 | 0.12 | 13.7 | | 3 | 0.496 | 0.181 | 20.1 | | 4 | 0.602 | 0.196 | 29.6 | | 5 | 0.713 | 0.164 | 49.7 | | 6 | 0.87 | 0.127 | 80.3 | ## In these collections - [Aurora swatches](https://grabient.com/aurora-swatches) - [Phone wallpaper gradients](https://grabient.com/phone-wallpaper-gradients) ## Other forms - [JSON](https://grabient.com/kYMSMAK6vBj9BwLMx0EWrvCW6uQ4.json?steps=32&angle=180) - [PNG](https://grabient.com/kYMSMAK6vBj9BwLMx0EWrvCW6uQ4.png?steps=32&angle=180) - [SVG](https://grabient.com/kYMSMAK6vBj9BwLMx0EWrvCW6uQ4.svg?steps=32&angle=180) - [CSS](https://grabient.com/kYMSMAK6vBj9BwLMx0EWrvCW6uQ4.css?steps=32&angle=180) - [ASE](https://grabient.com/kYMSMAK6vBj9BwLMx0EWrvCW6uQ4.ase?steps=32&angle=180) - [GPL](https://grabient.com/kYMSMAK6vBj9BwLMx0EWrvCW6uQ4.gpl?steps=32&angle=180) - [GRD](https://grabient.com/kYMSMAK6vBj9BwLMx0EWrvCW6uQ4.grd?steps=32&angle=180) - [Design tokens](https://grabient.com/kYMSMAK6vBj9BwLMx0EWrvCW6uQ4.tokens.json?steps=32&angle=180) - [Social card](https://grabient.com/api/og?seed=kYMSMAK6vBj9BwLMx0EWrvCW6uQ4&steps=32&angle=180) - [Palettes like this one](https://grabient.com/palettes?q=kYMSMAK6vBj9BwLMx0EWrvCW6uQ4) - [Guide for agents](https://grabient.com/llms.txt)