# Vivid duotone purple to brown linear gradient

Vivid duotone purple to brown linear gradient with 32 colors: #4b0047, #4d0047, #4f0246, #510345, #540544, #560743, #590a42, #5c0e41, #5e1140, #61153f, #631a3f, #661e3f, #68233f, #6a283f, #6d2c3f, #70313e, #73363e, #773c3d, #7a413c, #7d483c, #7f4e3c, #82553d, #855c3e, #886240, #8b6842, #8f6f42, #937743, #977f43, #9a8644, #9d8e45, #9e9446, #9e9948. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWSV_rqivB7QgQrDmUY1SXEw`
- Page: https://grabient.com/kWSV_rqivB7QgQrDmUY1SXEw?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: dark to light, vivid, warm
- 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 | `#4b0047` | `oklch(28.77% 0.1304 331.17)` | Alien Purple | white, 15 to 1 |
| 2 | `#4d0047` | `oklch(29.06% 0.1302 332.48)` | Alien Purple | white, 14.9 to 1 |
| 3 | `#4f0246` | `oklch(29.46% 0.1294 334.18)` | Christmas Purple | white, 14.7 to 1 |
| 4 | `#510345` | `oklch(29.94% 0.1284 336.20)` | Royal Ash | white, 14.4 to 1 |
| 5 | `#540544` | `oklch(30.49% 0.1272 338.47)` | Royal Ash | white, 14.2 to 1 |
| 6 | `#560743` | `oklch(31.10% 0.1258 340.93)` | Royal Ash | white, 13.9 to 1 |
| 7 | `#590a42` | `oklch(31.77% 0.1240 343.50)` | Royal Ash | white, 13.5 to 1 |
| 8 | `#5c0e41` | `oklch(32.49% 0.1218 346.12)` | Mulberry Wood | white, 13.2 to 1 |
| 9 | `#5e1140` | `oklch(33.27% 0.1192 348.72)` | Spanish Purple | white, 12.8 to 1 |
| 10 | `#61153f` | `oklch(34.09% 0.1158 351.15)` | Soul Anchor | white, 12.4 to 1 |
| 11 | `#631a3f` | `oklch(34.97% 0.1118 353.48)` | Plum Caspia | white, 11.9 to 1 |
| 12 | `#661e3f` | `oklch(35.90% 0.1074 355.87)` | Pompadour | white, 11.5 to 1 |
| 13 | `#68233f` | `oklch(36.90% 0.1028 358.47)` | Witch Soup | white, 11 to 1 |
| 14 | `#6a283f` | `oklch(37.96% 0.0982 1.42)` | Siren | white, 10.5 to 1 |
| 15 | `#6d2c3f` | `oklch(39.09% 0.0939 4.87)` | Cherry Juice Red | white, 10 to 1 |
| 16 | `#70313e` | `oklch(40.31% 0.0899 8.98)` | Chestnut Red | white, 9.5 to 1 |
| 17 | `#73363e` | `oklch(41.61% 0.0865 13.92)` | Oxblood Red | white, 9 to 1 |
| 18 | `#773c3d` | `oklch(43.01% 0.0829 19.87)` | Marrakesh Red | white, 8.4 to 1 |
| 19 | `#7a413c` | `oklch(44.51% 0.0792 26.59)` | Raw Cinnabar | white, 7.9 to 1 |
| 20 | `#7d483c` | `oklch(46.07% 0.0756 33.83)` | Armadillo Egg | white, 7.3 to 1 |
| 21 | `#7f4e3c` | `oklch(47.70% 0.0726 41.32)` | Cigar | white, 6.8 to 1 |
| 22 | `#82553d` | `oklch(49.36% 0.0702 48.79)` | Chocolate Stain | white, 6.3 to 1 |
| 23 | `#855c3e` | `oklch(51.04% 0.0688 55.98)` | Potter’s Pot | white, 5.8 to 1 |
| 24 | `#886240` | `oklch(52.73% 0.0687 62.62)` | Brown Button | white, 5.4 to 1 |
| 25 | `#8b6842` | `oklch(54.48% 0.0703 68.79)` | Barrel Aged | white, 5 to 1 |
| 26 | `#8f6f42` | `oklch(56.43% 0.0737 75.07)` | Chilli Green | white, 4.6 to 1 |
| 27 | `#937743` | `oklch(58.48% 0.0786 81.32)` | Wool Tweed | black, 4.9 to 1 |
| 28 | `#977f43` | `oklch(60.55% 0.0842 87.35)` | Yellow Nile | black, 5.4 to 1 |
| 29 | `#9a8644` | `oklch(62.52% 0.0900 92.96)` | Wild Grass | black, 5.8 to 1 |
| 30 | `#9d8e45` | `oklch(64.31% 0.0956 97.96)` | Off the Grid | black, 6.3 to 1 |
| 31 | `#9e9446` | `oklch(65.81% 0.1002 102.16)` | Lentil Sprout | black, 6.7 to 1 |
| 32 | `#9e9948` | `oklch(66.93% 0.1033 105.38)` | Lazy Lizard | black, 7 to 1 |

## CSS

```css
background: linear-gradient(225deg, #4b0047 0.0%, #4d0047 3.2%, #4f0246 6.5%, #510345 9.7%, #540544 12.9%, #560743 16.1%, #590a42 19.4%, #5c0e41 22.6%, #5e1140 25.8%, #61153f 29.0%, #631a3f 32.3%, #661e3f 35.5%, #68233f 38.7%, #6a283f 41.9%, #6d2c3f 45.2%, #70313e 48.4%, #73363e 51.6%, #773c3d 54.8%, #7a413c 58.1%, #7d483c 61.3%, #7f4e3c 64.5%, #82553d 67.7%, #855c3e 71.0%, #886240 74.2%, #8b6842 77.4%, #8f6f42 80.6%, #937743 83.9%, #977f43 87.1%, #9a8644 90.3%, #9d8e45 93.5%, #9e9446 96.8%, #9e9948 100.0%);
background: linear-gradient(225deg in oklch, oklch(28.77% 0.1304 331.17) 0.0%, oklch(29.06% 0.1302 332.48) 3.2%, oklch(29.46% 0.1294 334.18) 6.5%, oklch(29.94% 0.1284 336.20) 9.7%, oklch(30.49% 0.1272 338.47) 12.9%, oklch(31.10% 0.1258 340.93) 16.1%, oklch(31.77% 0.1240 343.50) 19.4%, oklch(32.49% 0.1218 346.12) 22.6%, oklch(33.27% 0.1192 348.72) 25.8%, oklch(34.09% 0.1158 351.15) 29.0%, oklch(34.97% 0.1118 353.48) 32.3%, oklch(35.90% 0.1074 355.87) 35.5%, oklch(36.90% 0.1028 358.47) 38.7%, oklch(37.96% 0.0982 1.42) 41.9%, oklch(39.09% 0.0939 4.87) 45.2%, oklch(40.31% 0.0899 8.98) 48.4%, oklch(41.61% 0.0865 13.92) 51.6%, oklch(43.01% 0.0829 19.87) 54.8%, oklch(44.51% 0.0792 26.59) 58.1%, oklch(46.07% 0.0756 33.83) 61.3%, oklch(47.70% 0.0726 41.32) 64.5%, oklch(49.36% 0.0702 48.79) 67.7%, oklch(51.04% 0.0688 55.98) 71.0%, oklch(52.73% 0.0687 62.62) 74.2%, oklch(54.48% 0.0703 68.79) 77.4%, oklch(56.43% 0.0737 75.07) 80.6%, oklch(58.48% 0.0786 81.32) 83.9%, oklch(60.55% 0.0842 87.35) 87.1%, oklch(62.52% 0.0900 92.96) 90.3%, oklch(64.31% 0.0956 97.96) 93.5%, oklch(65.81% 0.1002 102.16) 96.8%, oklch(66.93% 0.1033 105.38) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.287 | 0.131 | 331.2 |
| 2 | 0.331 | 0.12 | 348.1 |
| 3 | 0.409 | 0.088 | 371.3 |
| 4 | 0.531 | 0.069 | 424.2 |
| 5 | 0.669 | 0.103 | 465.4 |

## In these collections

- [Retro gradients](https://grabient.com/retro-gradients)
- [Autumn gradients](https://grabient.com/autumn-gradients)

## Other forms

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