# Purple, maroon, brown and black linear gradient

Purple, maroon, brown and black linear gradient with 48 colors: #4444ab, #4d46a9, #5848a7, #634ca4, #6f50a1, #7b559c, #855a98, #8d5f93, #94658f, #986a8b, #9b6e88, #9d7185, #9c7181, #9b6f7d, #996c77, #956671, #925f69, #8e5761, #894f59, #854751, #814049, #7e3941, #7c353a, #7b3234, #7b3230, #7d352d, #803b2d, #85422e, #8a4a30, #8f5434, #935d39, #96653e, #976d43, #967347, #93764a, #8c774a, #827449, #736e45, #636540, #515a3b, #3f4d34, #2e3f2d, #1e3124, #12241c, #071813, #020e0c, #000606, #000303. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWcnTFzBXI7UlQ1JGEeCwXMo`
- Page: https://grabient.com/kWcnTFzBXI7UlQ1JGEeCwXMo?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: light center
- Hues: wide
- Contrast of its darkest and lightest colors: 5 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 | `#4444ab` | `oklch(44.88% 0.1598 277.73)` | Megadrive Screen | white, 7.8 to 1 |
| 2 | `#4d46a9` | `oklch(45.73% 0.1544 281.66)` | Megadrive Screen | white, 7.6 to 1 |
| 3 | `#5848a7` | `oklch(46.95% 0.1469 286.80)` | Swiss Plum | white, 7.2 to 1 |
| 4 | `#634ca4` | `oklch(48.45% 0.1378 292.93)` | Ultrapurple Merge | white, 6.7 to 1 |
| 5 | `#6f50a1` | `oklch(50.13% 0.1276 299.82)` | Studio | white, 6.3 to 1 |
| 6 | `#7b559c` | `oklch(51.92% 0.1166 307.24)` | Juneberry | white, 5.8 to 1 |
| 7 | `#855a98` | `oklch(53.72% 0.1055 314.97)` | Purple Squid | white, 5.3 to 1 |
| 8 | `#8d5f93` | `oklch(55.44% 0.0945 322.77)` | Chakra | white, 4.9 to 1 |
| 9 | `#94658f` | `oklch(57.00% 0.0842 330.42)` | Chinese Violet | white, 4.6 to 1 |
| 10 | `#986a8b` | `oklch(58.30% 0.0751 337.68)` | Garden Aroma | black, 4.7 to 1 |
| 11 | `#9b6e88` | `oklch(59.26% 0.0675 344.34)` | Pink Jazz | black, 4.9 to 1 |
| 12 | `#9d7185` | `oklch(59.78% 0.0619 350.15)` | Meadow Flower | black, 5.1 to 1 |
| 13 | `#9c7181` | `oklch(59.79% 0.0587 354.90)` | Dusk Wine | black, 5.1 to 1 |
| 14 | `#9b6f7d` | `oklch(59.15% 0.0581 358.69)` | Heritage Taffeta | black, 4.9 to 1 |
| 15 | `#996c77` | `oklch(57.94% 0.0596 1.73)` | Wild Geranium | black, 4.7 to 1 |
| 16 | `#956671` | `oklch(56.29% 0.0629 4.16)` | Copper Pink | white, 4.7 to 1 |
| 17 | `#925f69` | `oklch(54.32% 0.0674 6.14)` | Raspberry Glace | white, 5.1 to 1 |
| 18 | `#8e5761` | `oklch(52.14% 0.0729 7.84)` | Fragrant Cherry | white, 5.6 to 1 |
| 19 | `#894f59` | `oklch(49.89% 0.0788 9.39)` | Roan Rouge | white, 6.2 to 1 |
| 20 | `#854751` | `oklch(47.70% 0.0849 10.96)` | Haunting Melody | white, 6.9 to 1 |
| 21 | `#814049` | `oklch(45.67% 0.0905 12.70)` | Ruby Lips | white, 7.5 to 1 |
| 22 | `#7e3941` | `oklch(43.94% 0.0955 14.76)` | Carmen | white, 8.1 to 1 |
| 23 | `#7c353a` | `oklch(42.63% 0.0993 17.30)` | Wild Currant | white, 8.6 to 1 |
| 24 | `#7b3234` | `oklch(41.87% 0.1016 20.48)` | Wild Currant | white, 8.9 to 1 |
| 25 | `#7b3230` | `oklch(41.80% 0.1020 24.36)` | Fired Brick | white, 8.9 to 1 |
| 26 | `#7d352d` | `oklch(42.56% 0.1013 28.53)` | Roycroft Copper Red | white, 8.6 to 1 |
| 27 | `#803b2d` | `oklch(44.00% 0.0998 32.93)` | Grill Master | white, 8.1 to 1 |
| 28 | `#85422e` | `oklch(45.95% 0.0975 37.57)` | Olive Niçoise | white, 7.4 to 1 |
| 29 | `#8a4a30` | `oklch(48.22% 0.0947 42.46)` | Gingerbread | white, 6.7 to 1 |
| 30 | `#8f5434` | `oklch(50.62% 0.0913 47.62)` | Chestnut Chest | white, 6 to 1 |
| 31 | `#935d39` | `oklch(52.99% 0.0875 53.07)` | Carmel | white, 5.4 to 1 |
| 32 | `#96653e` | `oklch(55.13% 0.0835 58.81)` | Ambit | white, 4.9 to 1 |
| 33 | `#976d43` | `oklch(56.86% 0.0793 64.85)` | El Caramelo | black, 4.5 to 1 |
| 34 | `#967347` | `oklch(58.00% 0.0751 71.23)` | Rococo Gold | black, 4.8 to 1 |
| 35 | `#93764a` | `oklch(58.38% 0.0710 77.93)` | Beaumont Brown | black, 4.9 to 1 |
| 36 | `#8c774a` | `oklch(57.80% 0.0671 84.99)` | September Gold | black, 4.8 to 1 |
| 37 | `#827449` | `oklch(56.08% 0.0632 92.69)` | Peppered Moss | white, 4.6 to 1 |
| 38 | `#736e45` | `oklch(53.23% 0.0589 101.55)` | Trim | white, 5.1 to 1 |
| 39 | `#636540` | `oklch(49.46% 0.0542 111.33)` | Aloe Leaf | white, 6 to 1 |
| 40 | `#515a3b` | `oklch(44.98% 0.0492 121.75)` | Blue Black Crayfish | white, 7.3 to 1 |
| 41 | `#3f4d34` | `oklch(40.00% 0.0441 132.53)` | Matsuba Green | white, 9 to 1 |
| 42 | `#2e3f2d` | `oklch(34.72% 0.0390 143.39)` | English Holly | white, 11.2 to 1 |
| 43 | `#1e3124` | `oklch(29.37% 0.0341 154.05)` | Cardin Green | white, 13.7 to 1 |
| 44 | `#12241c` | `oklch(24.13% 0.0293 164.23)` | Deep Slate Green | white, 16.2 to 1 |
| 45 | `#071813` | `oklch(19.24% 0.0249 173.66)` | Pinch of Pepper | white, 18.2 to 1 |
| 46 | `#020e0c` | `oklch(14.89% 0.0210 182.05)` | Dark Side of the Moon | white, 19.6 to 1 |
| 47 | `#000606` | `oklch(11.29% 0.0177 189.13)` | Eight Ball | white, 20.3 to 1 |
| 48 | `#000303` | `oklch(8.68% 0.0148 194.65)` | Black Hole | white, 20.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #4444ab 0.0%, #4d46a9 2.1%, #5848a7 4.3%, #634ca4 6.4%, #6f50a1 8.5%, #7b559c 10.6%, #855a98 12.8%, #8d5f93 14.9%, #94658f 17.0%, #986a8b 19.1%, #9b6e88 21.3%, #9d7185 23.4%, #9c7181 25.5%, #9b6f7d 27.7%, #996c77 29.8%, #956671 31.9%, #925f69 34.0%, #8e5761 36.2%, #894f59 38.3%, #854751 40.4%, #814049 42.6%, #7e3941 44.7%, #7c353a 46.8%, #7b3234 48.9%, #7b3230 51.1%, #7d352d 53.2%, #803b2d 55.3%, #85422e 57.4%, #8a4a30 59.6%, #8f5434 61.7%, #935d39 63.8%, #96653e 66.0%, #976d43 68.1%, #967347 70.2%, #93764a 72.3%, #8c774a 74.5%, #827449 76.6%, #736e45 78.7%, #636540 80.9%, #515a3b 83.0%, #3f4d34 85.1%, #2e3f2d 87.2%, #1e3124 89.4%, #12241c 91.5%, #071813 93.6%, #020e0c 95.7%, #000606 97.9%, #000303 100.0%);
background: linear-gradient(135deg in oklch, oklch(44.88% 0.1598 277.73) 0.0%, oklch(45.73% 0.1544 281.66) 2.1%, oklch(46.95% 0.1469 286.80) 4.3%, oklch(48.45% 0.1378 292.93) 6.4%, oklch(50.13% 0.1276 299.82) 8.5%, oklch(51.92% 0.1166 307.24) 10.6%, oklch(53.72% 0.1055 314.97) 12.8%, oklch(55.44% 0.0945 322.77) 14.9%, oklch(57.00% 0.0842 330.42) 17.0%, oklch(58.30% 0.0751 337.68) 19.1%, oklch(59.26% 0.0675 344.34) 21.3%, oklch(59.78% 0.0619 350.15) 23.4%, oklch(59.79% 0.0587 354.90) 25.5%, oklch(59.15% 0.0581 358.69) 27.7%, oklch(57.94% 0.0596 1.73) 29.8%, oklch(56.29% 0.0629 4.16) 31.9%, oklch(54.32% 0.0674 6.14) 34.0%, oklch(52.14% 0.0729 7.84) 36.2%, oklch(49.89% 0.0788 9.39) 38.3%, oklch(47.70% 0.0849 10.96) 40.4%, oklch(45.67% 0.0905 12.70) 42.6%, oklch(43.94% 0.0955 14.76) 44.7%, oklch(42.63% 0.0993 17.30) 46.8%, oklch(41.87% 0.1016 20.48) 48.9%, oklch(41.80% 0.1020 24.36) 51.1%, oklch(42.56% 0.1013 28.53) 53.2%, oklch(44.00% 0.0998 32.93) 55.3%, oklch(45.95% 0.0975 37.57) 57.4%, oklch(48.22% 0.0947 42.46) 59.6%, oklch(50.62% 0.0913 47.62) 61.7%, oklch(52.99% 0.0875 53.07) 63.8%, oklch(55.13% 0.0835 58.81) 66.0%, oklch(56.86% 0.0793 64.85) 68.1%, oklch(58.00% 0.0751 71.23) 70.2%, oklch(58.38% 0.0710 77.93) 72.3%, oklch(57.80% 0.0671 84.99) 74.5%, oklch(56.08% 0.0632 92.69) 76.6%, oklch(53.23% 0.0589 101.55) 78.7%, oklch(49.46% 0.0542 111.33) 80.9%, oklch(44.98% 0.0492 121.75) 83.0%, oklch(40.00% 0.0441 132.53) 85.1%, oklch(34.72% 0.0390 143.39) 87.2%, oklch(29.37% 0.0341 154.05) 89.4%, oklch(24.13% 0.0293 164.23) 91.5%, oklch(19.24% 0.0249 173.66) 93.6%, oklch(14.89% 0.0210 182.05) 95.7%, oklch(11.29% 0.0177 189.13) 97.9%, oklch(8.68% 0.0148 194.65) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.449 | 0.16 | 277.7 |
| 2 | 0.598 | 0.059 | 353.8 |
| 3 | 0.417 | 0.102 | 382.4 |
| 4 | 0.575 | 0.066 | 446.8 |
| 5 | 0.087 | 0.015 | 554.6 |

## Other forms

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