# Gold orange violet bands

Vivid yellow, orange, maroon and navy linear swatches with 34 colors: #ffce64, #ffc859, #fdc152, #fbb949, #f8af40, #f5a637, #f19c2f, #ed9227, #e88921, #e27f1a, #dc7514, #d56c0f, #ce620b, #c65908, #be5005, #b64801, #ac4000, #a33900, #9a3200, #912a00, #892102, #7f1b06, #741609, #6a110c, #600d0f, #560812, #4e0516, #47021b, #410023, #39002b, #310034, #28013b, #200140, #190242. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid yellow, orange, maroon and navy linear swatches
- Seed: `kY3mU8Xzg9sq5vc1tL6IiU9Jmnti`
- Page: https://grabient.com/kY3mU8Xzg9sq5vc1tL6IiU9Jmnti?style=linearSwatches&steps=34
- Drawn as: linear swatches, 34 steps, 90 degrees
- Kinds: light to dark, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 12.6 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 | `#ffce64` | `oklch(87.40% 0.1351 84.38)` | Chickadee | black, 14.2 to 1 |
| 2 | `#ffc859` | `oklch(86.21% 0.1408 82.52)` | Grilled Cheese | black, 13.6 to 1 |
| 3 | `#fdc152` | `oklch(84.62% 0.1430 79.98)` | Golden Tainoi | black, 12.9 to 1 |
| 4 | `#fbb949` | `oklch(82.73% 0.1457 76.96)` | Full Yellow | black, 12.1 to 1 |
| 5 | `#f8af40` | `oklch(80.61% 0.1484 73.66)` | Raichu Orange | black, 11.2 to 1 |
| 6 | `#f5a637` | `oklch(78.38% 0.1511 70.31)` | Lightning Yellow | black, 10.3 to 1 |
| 7 | `#f19c2f` | `oklch(76.13% 0.1533 67.11)` | Amber Glow | black, 9.5 to 1 |
| 8 | `#ed9227` | `oklch(73.92% 0.1549 64.23)` | Carrot Orange | black, 8.7 to 1 |
| 9 | `#e88921` | `oklch(71.62% 0.1563 61.36)` | Carnival | black, 8 to 1 |
| 10 | `#e27f1a` | `oklch(69.21% 0.1574 58.48)` | Sports Fan | black, 7.2 to 1 |
| 11 | `#dc7514` | `oklch(66.73% 0.1583 55.63)` | Manticore Wing | black, 6.6 to 1 |
| 12 | `#d56c0f` | `oklch(64.20% 0.1588 52.87)` | Marmalade | black, 5.9 to 1 |
| 13 | `#ce620b` | `oklch(61.67% 0.1590 50.25)` | Brusque Brown | black, 5.3 to 1 |
| 14 | `#c65908` | `oklch(59.16% 0.1586 47.84)` | Rust Orange | black, 4.8 to 1 |
| 15 | `#be5005` | `oklch(56.67% 0.1578 45.76)` | Crustose Lichen | white, 4.8 to 1 |
| 16 | `#b64801` | `oklch(54.15% 0.1568 44.08)` | Beef Bourguignon | white, 5.3 to 1 |
| 17 | `#ac4000` | `oklch(51.61% 0.1541 42.57)` | Donkey Kong | white, 5.9 to 1 |
| 18 | `#a33900` | `oklch(49.08% 0.1506 41.14)` | Muddy | white, 6.6 to 1 |
| 19 | `#9a3200` | `oklch(46.56% 0.1475 39.55)` | Chocoholic | white, 7.4 to 1 |
| 20 | `#912a00` | `oklch(44.08% 0.1455 37.61)` | Brown Red | white, 8.2 to 1 |
| 21 | `#892102` | `oklch(41.64% 0.1438 35.25)` | Bloodline | white, 9.2 to 1 |
| 22 | `#7f1b06` | `oklch(39.15% 0.1380 33.05)` | New Kenyan Copper | white, 10.1 to 1 |
| 23 | `#741609` | `oklch(36.60% 0.1308 31.07)` | Blackened Sun | white, 11.2 to 1 |
| 24 | `#6a110c` | `oklch(34.08% 0.1228 28.82)` | Sanguine | white, 12.3 to 1 |
| 25 | `#600d0f` | `oklch(31.67% 0.1151 25.82)` | Sacramental Red | white, 13.5 to 1 |
| 26 | `#560812` | `oklch(29.44% 0.1083 21.55)` | Maroon Oak | white, 14.5 to 1 |
| 27 | `#4e0516` | `oklch(27.47% 0.1033 15.53)` | Maroon Oak | white, 15.4 to 1 |
| 28 | `#47021b` | `oklch(25.81% 0.1008 6.94)` | Blaze It Dark Magenta | white, 16.2 to 1 |
| 29 | `#410023` | `oklch(24.40% 0.1002 354.83)` | Blaze It Dark Magenta | white, 16.8 to 1 |
| 30 | `#39002b` | `oklch(23.23% 0.1007 340.49)` | Dark Sanctuary | white, 17.3 to 1 |
| 31 | `#310034` | `oklch(22.18% 0.1034 325.32)` | Exquisite Eggplant | white, 17.8 to 1 |
| 32 | `#28013b` | `oklch(21.34% 0.1057 310.89)` | Midnight Purple | white, 18.1 to 1 |
| 33 | `#200140` | `oklch(20.64% 0.1077 298.66)` | Your Darkness | white, 18.3 to 1 |
| 34 | `#190242` | `oklch(20.08% 0.1089 290.09)` | Magic Whale | white, 18.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ffce64 0.000% 2.941%, #ffc859 2.941% 5.882%, #fdc152 5.882% 8.824%, #fbb949 8.824% 11.765%, #f8af40 11.765% 14.706%, #f5a637 14.706% 17.647%, #f19c2f 17.647% 20.588%, #ed9227 20.588% 23.529%, #e88921 23.529% 26.471%, #e27f1a 26.471% 29.412%, #dc7514 29.412% 32.353%, #d56c0f 32.353% 35.294%, #ce620b 35.294% 38.235%, #c65908 38.235% 41.176%, #be5005 41.176% 44.118%, #b64801 44.118% 47.059%, #ac4000 47.059% 50.000%, #a33900 50.000% 52.941%, #9a3200 52.941% 55.882%, #912a00 55.882% 58.824%, #892102 58.824% 61.765%, #7f1b06 61.765% 64.706%, #741609 64.706% 67.647%, #6a110c 67.647% 70.588%, #600d0f 70.588% 73.529%, #560812 73.529% 76.471%, #4e0516 76.471% 79.412%, #47021b 79.412% 82.353%, #410023 82.353% 85.294%, #39002b 85.294% 88.235%, #310034 88.235% 91.176%, #28013b 91.176% 94.118%, #200140 94.118% 97.059%, #190242 97.059% 100.000%);
background: linear-gradient(90deg, oklch(87.40% 0.1351 84.38) 0.000% 2.941%, oklch(86.21% 0.1408 82.52) 2.941% 5.882%, oklch(84.62% 0.1430 79.98) 5.882% 8.824%, oklch(82.73% 0.1457 76.96) 8.824% 11.765%, oklch(80.61% 0.1484 73.66) 11.765% 14.706%, oklch(78.38% 0.1511 70.31) 14.706% 17.647%, oklch(76.13% 0.1533 67.11) 17.647% 20.588%, oklch(73.92% 0.1549 64.23) 20.588% 23.529%, oklch(71.62% 0.1563 61.36) 23.529% 26.471%, oklch(69.21% 0.1574 58.48) 26.471% 29.412%, oklch(66.73% 0.1583 55.63) 29.412% 32.353%, oklch(64.20% 0.1588 52.87) 32.353% 35.294%, oklch(61.67% 0.1590 50.25) 35.294% 38.235%, oklch(59.16% 0.1586 47.84) 38.235% 41.176%, oklch(56.67% 0.1578 45.76) 41.176% 44.118%, oklch(54.15% 0.1568 44.08) 44.118% 47.059%, oklch(51.61% 0.1541 42.57) 47.059% 50.000%, oklch(49.08% 0.1506 41.14) 50.000% 52.941%, oklch(46.56% 0.1475 39.55) 52.941% 55.882%, oklch(44.08% 0.1455 37.61) 55.882% 58.824%, oklch(41.64% 0.1438 35.25) 58.824% 61.765%, oklch(39.15% 0.1380 33.05) 61.765% 64.706%, oklch(36.60% 0.1308 31.07) 64.706% 67.647%, oklch(34.08% 0.1228 28.82) 67.647% 70.588%, oklch(31.67% 0.1151 25.82) 70.588% 73.529%, oklch(29.44% 0.1083 21.55) 73.529% 76.471%, oklch(27.47% 0.1033 15.53) 76.471% 79.412%, oklch(25.81% 0.1008 6.94) 79.412% 82.353%, oklch(24.40% 0.1002 354.83) 82.353% 85.294%, oklch(23.23% 0.1007 340.49) 85.294% 88.235%, oklch(22.18% 0.1034 325.32) 88.235% 91.176%, oklch(21.34% 0.1057 310.89) 91.176% 94.118%, oklch(20.64% 0.1077 298.66) 94.118% 97.059%, oklch(20.08% 0.1089 290.09) 97.059% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.874 | 0.139 | 84.4 |
| 2 | 0.748 | 0.154 | 65.4 |
| 3 | 0.587 | 0.158 | 47.4 |
| 4 | 0.421 | 0.145 | 35.8 |
| 5 | 0.268 | 0.102 | 12.5 |
| 6 | 0.201 | 0.109 | -69.9 |

## In these collections

- [Golden hour swatches](https://grabient.com/golden-hour-swatches)

## Other forms

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