# Amber cobalt malt rings

Brown, orange, blue and purple linear gradient with 48 colors: #a2511e, #a75820, #ac6125, #b36c2b, #ba7833, #c0853c, #c79245, #cc9d4f, #d1a756, #d4ad5c, #d6b15e, #d6b45e, #d5b65c, #d3b658, #d0b653, #ceb34c, #cdaf43, #cda839, #cf9f30, #d2932c, #d58235, #d36e4b, #c85d67, #b25182, #924c96, #6e499f, #4b489c, #2b4592, #124186, #113a7c, #223272, #312865, #3c2053, #421b40, #43192d, #411a1f, #3e1c17, #3c1e15, #3d2016, #41211b, #492425, #512735, #562d4a, #573562, #514079, #444c8a, #325795, #1b6099. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, orange, blue and purple linear gradient
- Seed: `kYhlojYihENqxPuwrarIxHQryprg`
- Page: https://grabient.com/kYhlojYihENqxPuwrarIxHQryprg?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 7.7 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 | `#a2511e` | `oklch(52.76% 0.1240 49.22)` | Hamburger | white, 5.5 to 1 |
| 2 | `#a75820` | `oklch(54.47% 0.1229 51.74)` | Sienna | white, 5.1 to 1 |
| 3 | `#ac6125` | `oklch(56.88% 0.1213 55.29)` | Plaguelands Hazel | white, 4.6 to 1 |
| 4 | `#b36c2b` | `oklch(59.79% 0.1193 59.57)` | Hardy Clay | black, 5 to 1 |
| 5 | `#ba7833` | `oklch(63.01% 0.1171 64.29)` | Hacienda Del Sol | black, 5.8 to 1 |
| 6 | `#c0853c` | `oklch(66.32% 0.1149 69.18)` | Back to School | black, 6.6 to 1 |
| 7 | `#c79245` | `oklch(69.55% 0.1130 73.92)` | Narcissus | black, 7.5 to 1 |
| 8 | `#cc9d4f` | `oklch(72.49% 0.1114 78.24)` | Bright Gold | black, 8.5 to 1 |
| 9 | `#d1a756` | `oklch(74.93% 0.1103 81.85)` | Afghan Sand | black, 9.3 to 1 |
| 10 | `#d4ad5c` | `oklch(76.70% 0.1101 84.45)` | Sell Gold | black, 9.9 to 1 |
| 11 | `#d6b15e` | `oklch(77.69% 0.1108 86.17)` | Equator | black, 10.3 to 1 |
| 12 | `#d6b45e` | `oklch(78.26% 0.1126 88.36)` | Strike It Rich | black, 10.5 to 1 |
| 13 | `#d5b65c` | `oklch(78.48% 0.1153 90.73)` | Luxurious | black, 10.6 to 1 |
| 14 | `#d3b658` | `oklch(78.34% 0.1185 92.84)` | Luxurious | black, 10.6 to 1 |
| 15 | `#d0b653` | `oklch(77.87% 0.1220 94.25)` | Warm Woollen | black, 10.4 to 1 |
| 16 | `#ceb34c` | `oklch(77.07% 0.1256 94.48)` | Gold Gleam | black, 10.1 to 1 |
| 17 | `#cdaf43` | `oklch(75.96% 0.1290 93.09)` | Sugar Leaves | black, 9.7 to 1 |
| 18 | `#cda839` | `oklch(74.54% 0.1319 89.62)` | Aniseed | black, 9.2 to 1 |
| 19 | `#cf9f30` | `oklch(72.83% 0.1340 83.62)` | Herald’s Trumpet | black, 8.6 to 1 |
| 20 | `#d2932c` | `oklch(70.83% 0.1352 74.56)` | Jackpot | black, 7.9 to 1 |
| 21 | `#d58235` | `oklch(68.20% 0.1360 59.88)` | Mexican Spirit | black, 7 to 1 |
| 22 | `#d36e4b` | `oklch(64.91% 0.1366 39.86)` | Coral Gold | black, 6.1 to 1 |
| 23 | `#c85d67` | `oklch(61.16% 0.1369 16.26)` | Candy Drop | black, 5.2 to 1 |
| 24 | `#b25182` | `oklch(57.10% 0.1368 350.85)` | Signal Pink | white, 4.7 to 1 |
| 25 | `#924c96` | `oklch(52.93% 0.1362 325.40)` | Vicious Violet | white, 5.6 to 1 |
| 26 | `#6e499f` | `oklch(48.82% 0.1350 301.69)` | Studio | white, 6.7 to 1 |
| 27 | `#4b489c` | `oklch(44.96% 0.1330 281.49)` | Liberty | white, 7.7 to 1 |
| 28 | `#2b4592` | `oklch(41.51% 0.1301 266.56)` | Cascade Twilight | white, 8.8 to 1 |
| 29 | `#124186` | `oklch(38.67% 0.1263 258.68)` | Pacific Depths | white, 9.8 to 1 |
| 30 | `#113a7c` | `oklch(36.38% 0.1208 259.72)` | Azure Dragon | white, 10.8 to 1 |
| 31 | `#223272` | `oklch(34.29% 0.1127 269.52)` | Twilight Express | white, 11.9 to 1 |
| 32 | `#312865` | `oklch(32.42% 0.1029 285.89)` | Paris M | white, 12.9 to 1 |
| 33 | `#3c2053` | `oklch(30.79% 0.0921 306.63)` | Obsidian Orchid | white, 13.7 to 1 |
| 34 | `#421b40` | `oklch(29.43% 0.0810 329.51)` | Purple Void | white, 14.4 to 1 |
| 35 | `#43192d` | `oklch(28.38% 0.0704 352.33)` | Blackberry | white, 14.8 to 1 |
| 36 | `#411a1f` | `oklch(27.66% 0.0611 12.87)` | Bruised Plum | white, 15.1 to 1 |
| 37 | `#3e1c17` | `oklch(27.30% 0.0538 28.91)` | Rustic Red | white, 15.2 to 1 |
| 38 | `#3c1e15` | `oklch(27.34% 0.0493 38.25)` | Délicieux au Chocolat | white, 15.1 to 1 |
| 39 | `#3d2016` | `oklch(27.83% 0.0483 38.86)` | Délicieux au Chocolat | white, 14.9 to 1 |
| 40 | `#41211b` | `oklch(29.08% 0.0510 31.56)` | Longan’s Kernel | white, 14.3 to 1 |
| 41 | `#492425` | `oklch(31.00% 0.0566 18.18)` | New Bulgarian Rose | white, 13.4 to 1 |
| 42 | `#512735` | `oklch(33.40% 0.0644 0.31)` | Black Rose | white, 12.4 to 1 |
| 43 | `#562d4a` | `oklch(36.09% 0.0736 339.55)` | Winter Bloom | white, 11.2 to 1 |
| 44 | `#573562` | `oklch(38.91% 0.0834 317.51)` | Damson Mauve | white, 10 to 1 |
| 45 | `#514079` | `oklch(41.65% 0.0932 295.79)` | Raw Amethyst | white, 8.9 to 1 |
| 46 | `#444c8a` | `oklch(44.14% 0.1021 276.00)` | Merlin’s Robe | white, 7.9 to 1 |
| 47 | `#325795` | `oklch(46.20% 0.1094 259.73)` | B’dazzled Blue | white, 7.1 to 1 |
| 48 | `#1b6099` | `oklch(47.64% 0.1144 248.59)` | Lapis Lazuli Blue | white, 6.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #a2511e 0.0%, #a75820 2.1%, #ac6125 4.3%, #b36c2b 6.4%, #ba7833 8.5%, #c0853c 10.6%, #c79245 12.8%, #cc9d4f 14.9%, #d1a756 17.0%, #d4ad5c 19.1%, #d6b15e 21.3%, #d6b45e 23.4%, #d5b65c 25.5%, #d3b658 27.7%, #d0b653 29.8%, #ceb34c 31.9%, #cdaf43 34.0%, #cda839 36.2%, #cf9f30 38.3%, #d2932c 40.4%, #d58235 42.6%, #d36e4b 44.7%, #c85d67 46.8%, #b25182 48.9%, #924c96 51.1%, #6e499f 53.2%, #4b489c 55.3%, #2b4592 57.4%, #124186 59.6%, #113a7c 61.7%, #223272 63.8%, #312865 66.0%, #3c2053 68.1%, #421b40 70.2%, #43192d 72.3%, #411a1f 74.5%, #3e1c17 76.6%, #3c1e15 78.7%, #3d2016 80.9%, #41211b 83.0%, #492425 85.1%, #512735 87.2%, #562d4a 89.4%, #573562 91.5%, #514079 93.6%, #444c8a 95.7%, #325795 97.9%, #1b6099 100.0%);
background: linear-gradient(135deg in oklch, oklch(52.76% 0.1240 49.22) 0.0%, oklch(54.47% 0.1229 51.74) 2.1%, oklch(56.88% 0.1213 55.29) 4.3%, oklch(59.79% 0.1193 59.57) 6.4%, oklch(63.01% 0.1171 64.29) 8.5%, oklch(66.32% 0.1149 69.18) 10.6%, oklch(69.55% 0.1130 73.92) 12.8%, oklch(72.49% 0.1114 78.24) 14.9%, oklch(74.93% 0.1103 81.85) 17.0%, oklch(76.70% 0.1101 84.45) 19.1%, oklch(77.69% 0.1108 86.17) 21.3%, oklch(78.26% 0.1126 88.36) 23.4%, oklch(78.48% 0.1153 90.73) 25.5%, oklch(78.34% 0.1185 92.84) 27.7%, oklch(77.87% 0.1220 94.25) 29.8%, oklch(77.07% 0.1256 94.48) 31.9%, oklch(75.96% 0.1290 93.09) 34.0%, oklch(74.54% 0.1319 89.62) 36.2%, oklch(72.83% 0.1340 83.62) 38.3%, oklch(70.83% 0.1352 74.56) 40.4%, oklch(68.20% 0.1360 59.88) 42.6%, oklch(64.91% 0.1366 39.86) 44.7%, oklch(61.16% 0.1369 16.26) 46.8%, oklch(57.10% 0.1368 350.85) 48.9%, oklch(52.93% 0.1362 325.40) 51.1%, oklch(48.82% 0.1350 301.69) 53.2%, oklch(44.96% 0.1330 281.49) 55.3%, oklch(41.51% 0.1301 266.56) 57.4%, oklch(38.67% 0.1263 258.68) 59.6%, oklch(36.38% 0.1208 259.72) 61.7%, oklch(34.29% 0.1127 269.52) 63.8%, oklch(32.42% 0.1029 285.89) 66.0%, oklch(30.79% 0.0921 306.63) 68.1%, oklch(29.43% 0.0810 329.51) 70.2%, oklch(28.38% 0.0704 352.33) 72.3%, oklch(27.66% 0.0611 12.87) 74.5%, oklch(27.30% 0.0538 28.91) 76.6%, oklch(27.34% 0.0493 38.25) 78.7%, oklch(27.83% 0.0483 38.86) 80.9%, oklch(29.08% 0.0510 31.56) 83.0%, oklch(31.00% 0.0566 18.18) 85.1%, oklch(33.40% 0.0644 0.31) 87.2%, oklch(36.09% 0.0736 339.55) 89.4%, oklch(38.91% 0.0834 317.51) 91.5%, oklch(41.65% 0.0932 295.79) 93.6%, oklch(44.14% 0.1021 276.00) 95.7%, oklch(46.20% 0.1094 259.73) 97.9%, oklch(47.64% 0.1144 248.59) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.528 | 0.124 | 49.2 |
| 2 | 0.772 | 0.11 | 85.1 |
| 3 | 0.713 | 0.135 | 76.7 |
| 4 | 0.382 | 0.125 | -101.9 |
| 5 | 0.276 | 0.048 | 39.7 |
| 6 | 0.476 | 0.114 | -111.4 |

## In these collections

- [Oktoberfest](https://grabient.com/oktoberfest)

## Other forms

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