# Blackberry rust olive diagonal

Purple, maroon, dark green and brown linear gradient with 32 colors: #c23786, #be3688, #b8348d, #b13393, #a8329a, #9f309f, #962fa3, #8e2da4, #882ba2, #86289d, #862394, #8b1e84, #91186d, #971450, #981a2c, #8d3000, #784300, #694c00, #5a5100, #4a5600, #39570d, #30561c, #2d521f, #2e4d1e, #31471a, #344016, #353912, #363310, #352d10, #332911, #302512, #2e2313. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Purple, maroon, dark green and brown linear gradient
- Seed: `kUkIr5OsM87SkVAhi7jg`
- Page: https://grabient.com/kUkIr5OsM87SkVAhi7jg?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light to dark, vivid
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3 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 | `#c23786` | `oklch(56.69% 0.1902 350.16)` | Medium Red Violet | white, 5 to 1 |
| 2 | `#be3688` | `oklch(56.06% 0.1902 347.88)` | Lust Priestess | white, 5.1 to 1 |
| 3 | `#b8348d` | `oklch(55.22% 0.1906 343.89)` | Fandango | white, 5.3 to 1 |
| 4 | `#b13393` | `oklch(54.21% 0.1914 338.80)` | Fandango | white, 5.5 to 1 |
| 5 | `#a8329a` | `oklch(53.08% 0.1921 333.21)` | Purple Cactus Flower | white, 5.8 to 1 |
| 6 | `#9f309f` | `oklch(51.88% 0.1927 327.71)` | Purple Tone Ink | white, 6.1 to 1 |
| 7 | `#962fa3` | `oklch(50.65% 0.1929 322.90)` | Purple Ink | white, 6.4 to 1 |
| 8 | `#8e2da4` | `oklch(49.43% 0.1925 319.40)` | Nebula Outpost | white, 6.8 to 1 |
| 9 | `#882ba2` | `oklch(48.27% 0.1914 317.79)` | Pleasant Purple | white, 7.1 to 1 |
| 10 | `#86289d` | `oklch(47.22% 0.1893 318.68)` | Passionate Purple | white, 7.5 to 1 |
| 11 | `#862394` | `oklch(46.32% 0.1860 322.67)` | Passionate Purple | white, 7.8 to 1 |
| 12 | `#8b1e84` | `oklch(45.61% 0.1814 330.70)` | Violaceous Greti | white, 8 to 1 |
| 13 | `#91186d` | `oklch(45.08% 0.1752 343.65)` | Romantic Vampire | white, 8.1 to 1 |
| 14 | `#971450` | `oklch(44.68% 0.1678 0.48)` | Wine Grape | white, 8.2 to 1 |
| 15 | `#981a2c` | `oklch(44.37% 0.1595 20.04)` | Tilted Red | white, 8.3 to 1 |
| 16 | `#8d3000` | `oklch(44.10% 0.1354 41.11)` | Red Tone Ink | white, 8.2 to 1 |
| 17 | `#784300` | `oklch(43.84% 0.1003 62.66)` | Dusky Brown | white, 8 to 1 |
| 18 | `#694c00` | `oklch(43.53% 0.0894 83.50)` | Antique Bronze | white, 7.9 to 1 |
| 19 | `#5a5100` | `oklch(43.14% 0.0905 102.46)` | Douro | white, 8 to 1 |
| 20 | `#4a5600` | `oklch(42.62% 0.0996 118.37)` | Highlands Moss | white, 8 to 1 |
| 21 | `#39570d` | `oklch(41.92% 0.1044 130.05)` | Deep Forestial Escapade | white, 8.2 to 1 |
| 22 | `#30561c` | `oklch(41.00% 0.0967 136.46)` | Navy Green | white, 8.5 to 1 |
| 23 | `#2d521f` | `oklch(39.80% 0.0891 138.09)` | Chestnut Green | white, 8.9 to 1 |
| 24 | `#2e4d1e` | `oklch(38.36% 0.0814 135.92)` | Chestnut Green | white, 9.5 to 1 |
| 25 | `#31471a` | `oklch(36.74% 0.0737 130.73)` | Treetop Cathedral | white, 10.2 to 1 |
| 26 | `#344016` | `oklch(35.02% 0.0662 123.30)` | Hinterlands Green | white, 11 to 1 |
| 27 | `#353912` | `oklch(33.27% 0.0589 114.43)` | Camouflage | white, 11.9 to 1 |
| 28 | `#363310` | `oklch(31.55% 0.0521 104.89)` | Olivenite | white, 12.8 to 1 |
| 29 | `#352d10` | `oklch(29.93% 0.0458 95.47)` | Secret Passage | white, 13.6 to 1 |
| 30 | `#332911` | `oklch(28.49% 0.0402 86.95)` | Brown Tumbleweed | white, 14.3 to 1 |
| 31 | `#302512` | `oklch(27.28% 0.0355 80.11)` | Black Slug | white, 14.9 to 1 |
| 32 | `#2e2313` | `oklch(26.38% 0.0317 75.75)` | Coffee Grounds | white, 15.4 to 1 |

## CSS

```css
background: linear-gradient(45deg, #c23786 0.0%, #be3688 3.2%, #b8348d 6.5%, #b13393 9.7%, #a8329a 12.9%, #9f309f 16.1%, #962fa3 19.4%, #8e2da4 22.6%, #882ba2 25.8%, #86289d 29.0%, #862394 32.3%, #8b1e84 35.5%, #91186d 38.7%, #971450 41.9%, #981a2c 45.2%, #8d3000 48.4%, #784300 51.6%, #694c00 54.8%, #5a5100 58.1%, #4a5600 61.3%, #39570d 64.5%, #30561c 67.7%, #2d521f 71.0%, #2e4d1e 74.2%, #31471a 77.4%, #344016 80.6%, #353912 83.9%, #363310 87.1%, #352d10 90.3%, #332911 93.5%, #302512 96.8%, #2e2313 100.0%);
background: linear-gradient(45deg in oklch, oklch(56.69% 0.1902 350.16) 0.0%, oklch(56.06% 0.1902 347.88) 3.2%, oklch(55.22% 0.1906 343.89) 6.5%, oklch(54.21% 0.1914 338.80) 9.7%, oklch(53.08% 0.1921 333.21) 12.9%, oklch(51.88% 0.1927 327.71) 16.1%, oklch(50.65% 0.1929 322.90) 19.4%, oklch(49.43% 0.1925 319.40) 22.6%, oklch(48.27% 0.1914 317.79) 25.8%, oklch(47.22% 0.1893 318.68) 29.0%, oklch(46.32% 0.1860 322.67) 32.3%, oklch(45.61% 0.1814 330.70) 35.5%, oklch(45.08% 0.1752 343.65) 38.7%, oklch(44.68% 0.1678 0.48) 41.9%, oklch(44.37% 0.1595 20.04) 45.2%, oklch(44.10% 0.1354 41.11) 48.4%, oklch(43.84% 0.1003 62.66) 51.6%, oklch(43.53% 0.0894 83.50) 54.8%, oklch(43.14% 0.0905 102.46) 58.1%, oklch(42.62% 0.0996 118.37) 61.3%, oklch(41.92% 0.1044 130.05) 64.5%, oklch(41.00% 0.0967 136.46) 67.7%, oklch(39.80% 0.0891 138.09) 71.0%, oklch(38.36% 0.0814 135.92) 74.2%, oklch(36.74% 0.0737 130.73) 77.4%, oklch(35.02% 0.0662 123.30) 80.6%, oklch(33.27% 0.0589 114.43) 83.9%, oklch(31.55% 0.0521 104.89) 87.1%, oklch(29.93% 0.0458 95.47) 90.3%, oklch(28.49% 0.0402 86.95) 93.5%, oklch(27.28% 0.0355 80.11) 96.8%, oklch(26.38% 0.0317 75.75) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.567 | 0.19 | 350.2 |
| 2 | 0.461 | 0.185 | 324.8 |
| 3 | 0.413 | 0.099 | 494.9 |
| 4 | 0.264 | 0.032 | 435.8 |

## In these collections

- [Blackberry bramble](https://grabient.com/blackberry-bramble)

## Other forms

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