# Golden berry dusk gradient

Black, dark purple, olive and orange linear gradient with 32 colors: #221524, #251626, #271729, #2a172b, #2e182e, #321931, #371a35, #3d1c38, #441d3b, #4c1f3d, #55223f, #5f263f, #6c2c3d, #793439, #863f31, #914c28, #995c1c, #9d6c13, #9f7b12, #9e891a, #9d9422, #9e9a23, #a39c1a, #aa9b00, #b39700, #bb9000, #c38800, #cc7e00, #d47200, #dd6500, #e4580e, #e65323. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, dark purple, olive and orange linear gradient
- Seed: `kUOBnlK59DNSvzdQxbeg`
- Page: https://grabient.com/kUOBnlK59DNSvzdQxbeg?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: dark to light, vivid, warm, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 6.1 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 | `#221524` | `oklch(22.05% 0.0344 322.03)` | Inside | white, 17.4 to 1 |
| 2 | `#251626` | `oklch(22.66% 0.0374 323.23)` | Inside | white, 17.2 to 1 |
| 3 | `#271729` | `oklch(23.34% 0.0412 324.26)` | Black Cherry | white, 16.9 to 1 |
| 4 | `#2a172b` | `oklch(24.10% 0.0457 325.31)` | Black Cherry | white, 16.6 to 1 |
| 5 | `#2e182e` | `oklch(24.96% 0.0507 326.54)` | Cultist Robe | white, 16.2 to 1 |
| 6 | `#321931` | `oklch(25.95% 0.0562 328.13)` | Nightly Voyager | white, 15.8 to 1 |
| 7 | `#371a35` | `oklch(27.09% 0.0618 330.23)` | Nightly Voyager | white, 15.3 to 1 |
| 8 | `#3d1c38` | `oklch(28.40% 0.0676 333.03)` | Blackberry | white, 14.8 to 1 |
| 9 | `#441d3b` | `oklch(29.90% 0.0733 336.68)` | Juice Violet | white, 14.1 to 1 |
| 10 | `#4c1f3d` | `oklch(31.61% 0.0788 341.37)` | Prestige Mauve | white, 13.3 to 1 |
| 11 | `#55223f` | `oklch(33.55% 0.0838 347.25)` | Soul Anchor | white, 12.4 to 1 |
| 12 | `#5f263f` | `oklch(35.84% 0.0885 354.90)` | Quills of Terico | white, 11.4 to 1 |
| 13 | `#6c2c3d` | `oklch(38.71% 0.0929 5.37)` | Siren | white, 10.2 to 1 |
| 14 | `#793439` | `oklch(42.03% 0.0972 18.02)` | Wild Currant | white, 8.8 to 1 |
| 15 | `#863f31` | `oklch(45.66% 0.1014 32.09)` | Boxcar | white, 7.5 to 1 |
| 16 | `#914c28` | `oklch(49.45% 0.1055 46.84)` | Khaki Brown | white, 6.4 to 1 |
| 17 | `#995c1c` | `oklch(53.24% 0.1096 61.51)` | Sepia Wash | white, 5.3 to 1 |
| 18 | `#9d6c13` | `oklch(56.88% 0.1139 75.35)` | Balor Brown | black, 4.5 to 1 |
| 19 | `#9f7b12` | `oklch(60.22% 0.1182 87.60)` | Nataneyu Gold | black, 5.3 to 1 |
| 20 | `#9e891a` | `oklch(63.12% 0.1228 97.52)` | Offbeat Green | black, 6 to 1 |
| 21 | `#9d9422` | `oklch(65.41% 0.1276 104.34)` | Art Nouveau Green | black, 6.6 to 1 |
| 22 | `#9e9a23` | `oklch(66.97% 0.1327 107.35)` | Papyrus | black, 7.1 to 1 |
| 23 | `#a39c1a` | `oklch(67.84% 0.1384 106.46)` | Nuclear Fallout | black, 7.3 to 1 |
| 24 | `#aa9b00` | `oklch(68.16% 0.1429 102.33)` | Nuclear Fallout | black, 7.4 to 1 |
| 25 | `#b39700` | `oklch(68.03% 0.1399 95.69)` | Sunken Gold | black, 7.3 to 1 |
| 26 | `#bb9000` | `oklch(67.56% 0.1382 87.21)` | Moutarde de Bénichon | black, 7.1 to 1 |
| 27 | `#c38800` | `oklch(66.85% 0.1395 77.60)` | Auric | black, 6.8 to 1 |
| 28 | `#cc7e00` | `oklch(66.00% 0.1453 67.56)` | Bamboo Brown | black, 6.5 to 1 |
| 29 | `#d47200` | `oklch(65.13% 0.1563 57.78)` | Marmalade | black, 6.2 to 1 |
| 30 | `#dd6500` | `oklch(64.33% 0.1726 48.97)` | Orange Danger | black, 5.9 to 1 |
| 31 | `#e4580e` | `oklch(63.72% 0.1880 41.85)` | Tobiko Orange | black, 5.7 to 1 |
| 32 | `#e65323` | `oklch(63.39% 0.1915 37.06)` | Scorpio Scarlet Seal | black, 5.6 to 1 |

## CSS

```css
background: linear-gradient(315deg, #221524 0.0%, #251626 3.2%, #271729 6.5%, #2a172b 9.7%, #2e182e 12.9%, #321931 16.1%, #371a35 19.4%, #3d1c38 22.6%, #441d3b 25.8%, #4c1f3d 29.0%, #55223f 32.3%, #5f263f 35.5%, #6c2c3d 38.7%, #793439 41.9%, #863f31 45.2%, #914c28 48.4%, #995c1c 51.6%, #9d6c13 54.8%, #9f7b12 58.1%, #9e891a 61.3%, #9d9422 64.5%, #9e9a23 67.7%, #a39c1a 71.0%, #aa9b00 74.2%, #b39700 77.4%, #bb9000 80.6%, #c38800 83.9%, #cc7e00 87.1%, #d47200 90.3%, #dd6500 93.5%, #e4580e 96.8%, #e65323 100.0%);
background: linear-gradient(315deg in oklch, oklch(22.05% 0.0344 322.03) 0.0%, oklch(22.66% 0.0374 323.23) 3.2%, oklch(23.34% 0.0412 324.26) 6.5%, oklch(24.10% 0.0457 325.31) 9.7%, oklch(24.96% 0.0507 326.54) 12.9%, oklch(25.95% 0.0562 328.13) 16.1%, oklch(27.09% 0.0618 330.23) 19.4%, oklch(28.40% 0.0676 333.03) 22.6%, oklch(29.90% 0.0733 336.68) 25.8%, oklch(31.61% 0.0788 341.37) 29.0%, oklch(33.55% 0.0838 347.25) 32.3%, oklch(35.84% 0.0885 354.90) 35.5%, oklch(38.71% 0.0929 5.37) 38.7%, oklch(42.03% 0.0972 18.02) 41.9%, oklch(45.66% 0.1014 32.09) 45.2%, oklch(49.45% 0.1055 46.84) 48.4%, oklch(53.24% 0.1096 61.51) 51.6%, oklch(56.88% 0.1139 75.35) 54.8%, oklch(60.22% 0.1182 87.60) 58.1%, oklch(63.12% 0.1228 97.52) 61.3%, oklch(65.41% 0.1276 104.34) 64.5%, oklch(66.97% 0.1327 107.35) 67.7%, oklch(67.84% 0.1384 106.46) 71.0%, oklch(68.16% 0.1429 102.33) 74.2%, oklch(68.03% 0.1399 95.69) 77.4%, oklch(67.56% 0.1382 87.21) 80.6%, oklch(66.85% 0.1395 77.60) 83.9%, oklch(66.00% 0.1453 67.56) 87.1%, oklch(65.13% 0.1563 57.78) 90.3%, oklch(64.33% 0.1726 48.97) 93.5%, oklch(63.72% 0.1880 41.85) 96.8%, oklch(63.39% 0.1915 37.06) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.22 | 0.034 | 322 |
| 2 | 0.343 | 0.085 | 349.5 |
| 3 | 0.665 | 0.131 | 466.8 |
| 4 | 0.634 | 0.192 | 397.1 |

## In these collections

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

## Other forms

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