# Orange, maroon, gray and olive angular gradient

Orange, maroon, gray and olive angular gradient with 32 colors: #f2a946, #f0a548, #eda14a, #ea9b4d, #e5954f, #df8d50, #d9834f, #d0764b, #c56647, #b85343, #a94140, #9a2f3e, #8d203d, #80143b, #71043a, #5f0038, #510034, #4a0031, #4e0030, #5c1031, #773237, #956049, #af9371, #c7c2a5, #dee4d0, #e9f3e3, #e2f0dd, #cddfc6, #b3c8a3, #9aad7c, #879659, #7c8741. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYyGYy1y29bU0OwmKj5eIjQEwivi`
- Page: https://grabient.com/kYyGYy1y29bU0OwmKj5eIjQEwivi?style=angularGradient&steps=32&angle=225
- Drawn as: angular gradient, 32 steps, 225 degrees
- Kinds: dark center, warm
- Hues: two-hue
- Contrast of its darkest and lightest colors: 13.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 | `#f2a946` | `oklch(78.74% 0.1406 71.02)` | Artisans Gold | black, 10.5 to 1 |
| 2 | `#f0a548` | `oklch(77.85% 0.1386 69.02)` | O’Brien Orange | black, 10.1 to 1 |
| 3 | `#eda14a` | `oklch(76.78% 0.1356 66.47)` | Golden Koi | black, 9.7 to 1 |
| 4 | `#ea9b4d` | `oklch(75.45% 0.1322 63.36)` | Sunflower Field | black, 9.3 to 1 |
| 5 | `#e5954f` | `oklch(73.77% 0.1289 59.72)` | Butternut Pizazz | black, 8.7 to 1 |
| 6 | `#df8d50` | `oklch(71.68% 0.1265 55.55)` | Jasper Orange | black, 8 to 1 |
| 7 | `#d9834f` | `oklch(69.09% 0.1254 50.88)` | Seraphim Sepia | black, 7.2 to 1 |
| 8 | `#d0764b` | `oklch(65.75% 0.1264 45.35)` | Brazen Orange | black, 6.3 to 1 |
| 9 | `#c56647` | `oklch(61.49% 0.1295 38.56)` | Aztec Copper | black, 5.3 to 1 |
| 10 | `#b85343` | `oklch(56.70% 0.1338 31.10)` | Beni Shoga | white, 4.8 to 1 |
| 11 | `#a94140` | `oklch(51.77% 0.1382 23.55)` | Daredevil | white, 5.9 to 1 |
| 12 | `#9a2f3e` | `oklch(47.09% 0.1417 16.51)` | Boerewors | white, 7.3 to 1 |
| 13 | `#8d203d` | `oklch(43.07% 0.1434 10.59)` | Refined Chianti | white, 8.7 to 1 |
| 14 | `#80143b` | `oklch(39.67% 0.1427 5.62)` | Inescapable Lover | white, 10 to 1 |
| 15 | `#71043a` | `oklch(35.72% 0.1410 359.46)` | Merlot | white, 11.8 to 1 |
| 16 | `#5f0038` | `oklch(31.82% 0.1313 353.34)` | Mulberry Wood | white, 13.6 to 1 |
| 17 | `#510034` | `oklch(28.71% 0.1203 348.72)` | Mulberry Wood | white, 15 to 1 |
| 18 | `#4a0031` | `oklch(27.18% 0.1146 347.18)` | Dark Sanctuary | white, 15.7 to 1 |
| 19 | `#4e0030` | `oklch(28.00% 0.1167 350.27)` | Fig Balsamic | white, 15.3 to 1 |
| 20 | `#5c1031` | `oklch(32.14% 0.1113 359.78)` | Brown Chocolate | white, 13.3 to 1 |
| 21 | `#773237` | `oklch(41.37% 0.0960 18.54)` | Chocolate Bar | white, 9.1 to 1 |
| 22 | `#956049` | `oklch(54.08% 0.0772 43.73)` | Cinnamon Spice | white, 5.1 to 1 |
| 23 | `#af9371` | `oklch(68.04% 0.0576 71.56)` | River Oak | black, 7.2 to 1 |
| 24 | `#c7c2a5` | `oklch(81.04% 0.0402 98.23)` | Green Gaze | black, 11.6 to 1 |
| 25 | `#dee4d0` | `oklch(90.84% 0.0278 119.97)` | Light Issey-San | black, 16 to 1 |
| 26 | `#e9f3e3` | `oklch(95.24% 0.0233 133.05)` | Dinner Mint | black, 18.4 to 1 |
| 27 | `#e2f0dd` | `oklch(93.86% 0.0281 137.67)` | Soft Focus | black, 17.6 to 1 |
| 28 | `#cddfc6` | `oklch(88.41% 0.0397 136.56)` | Soft Moss | black, 15 to 1 |
| 29 | `#b3c8a3` | `oklch(80.58% 0.0551 131.79)` | Freshwater Green | black, 11.6 to 1 |
| 30 | `#9aad7c` | `oklch(72.08% 0.0715 125.46)` | Siamese Green | black, 8.6 to 1 |
| 31 | `#879659` | `oklch(64.60% 0.0858 119.65)` | Pretty Maiden | black, 6.5 to 1 |
| 32 | `#7c8741` | `oklch(59.84% 0.0951 116.46)` | Laird | black, 5.3 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #f2a946 0.0%, #f0a548 3.2%, #eda14a 6.5%, #ea9b4d 9.7%, #e5954f 12.9%, #df8d50 16.1%, #d9834f 19.4%, #d0764b 22.6%, #c56647 25.8%, #b85343 29.0%, #a94140 32.3%, #9a2f3e 35.5%, #8d203d 38.7%, #80143b 41.9%, #71043a 45.2%, #5f0038 48.4%, #510034 51.6%, #4a0031 54.8%, #4e0030 58.1%, #5c1031 61.3%, #773237 64.5%, #956049 67.7%, #af9371 71.0%, #c7c2a5 74.2%, #dee4d0 77.4%, #e9f3e3 80.6%, #e2f0dd 83.9%, #cddfc6 87.1%, #b3c8a3 90.3%, #9aad7c 93.5%, #879659 96.8%, #7c8741 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(78.74% 0.1406 71.02) 0.0%, oklch(77.85% 0.1386 69.02) 3.2%, oklch(76.78% 0.1356 66.47) 6.5%, oklch(75.45% 0.1322 63.36) 9.7%, oklch(73.77% 0.1289 59.72) 12.9%, oklch(71.68% 0.1265 55.55) 16.1%, oklch(69.09% 0.1254 50.88) 19.4%, oklch(65.75% 0.1264 45.35) 22.6%, oklch(61.49% 0.1295 38.56) 25.8%, oklch(56.70% 0.1338 31.10) 29.0%, oklch(51.77% 0.1382 23.55) 32.3%, oklch(47.09% 0.1417 16.51) 35.5%, oklch(43.07% 0.1434 10.59) 38.7%, oklch(39.67% 0.1427 5.62) 41.9%, oklch(35.72% 0.1410 359.46) 45.2%, oklch(31.82% 0.1313 353.34) 48.4%, oklch(28.71% 0.1203 348.72) 51.6%, oklch(27.18% 0.1146 347.18) 54.8%, oklch(28.00% 0.1167 350.27) 58.1%, oklch(32.14% 0.1113 359.78) 61.3%, oklch(41.37% 0.0960 18.54) 64.5%, oklch(54.08% 0.0772 43.73) 67.7%, oklch(68.04% 0.0576 71.56) 71.0%, oklch(81.04% 0.0402 98.23) 74.2%, oklch(90.84% 0.0278 119.97) 77.4%, oklch(95.24% 0.0233 133.05) 80.6%, oklch(93.86% 0.0281 137.67) 83.9%, oklch(88.41% 0.0397 136.56) 87.1%, oklch(80.58% 0.0551 131.79) 90.3%, oklch(72.08% 0.0715 125.46) 93.5%, oklch(64.60% 0.0858 119.65) 96.8%, oklch(59.84% 0.0951 116.46) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.787 | 0.141 | 71 |
| 2 | 0.685 | 0.125 | 49.9 |
| 3 | 0.417 | 0.143 | 8.7 |
| 4 | 0.299 | 0.116 | -5.1 |
| 5 | 0.949 | 0.023 | 131.3 |
| 6 | 0.598 | 0.095 | 116.5 |

## Other forms

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