# Cream amber violet bands

Vivid yellow, orange, purple and navy linear swatches with 34 colors: #fee466, #fee062, #fdd95f, #fbd25a, #f9ca55, #f6c250, #f2ba48, #edb23f, #e8a935, #e29f2c, #dc9625, #d58d1e, #ce8318, #c67915, #bf6f17, #b6661e, #ad5d25, #a3542b, #994c31, #914336, #89393d, #813146, #772950, #6b2358, #611f5c, #57195f, #4e1461, #460e62, #3e0860, #36045c, #2e0255, #26014c, #200044, #1c003f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid yellow, orange, purple and navy linear swatches
- Seed: `kc6WtF67O-d40vrOMT5Pae8i-suQksryGSc-w`
- Page: https://grabient.com/kc6WtF67O-d40vrOMT5Pae8i-suQksryGSc-w?style=linearSwatches&steps=34
- Drawn as: linear swatches, 34 steps, 90 degrees
- Kinds: light to dark, vivid, warm, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 14.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 | `#fee466` | `oklch(91.73% 0.1474 97.73)` | Fried Egg | black, 16.5 to 1 |
| 2 | `#fee062` | `oklch(90.76% 0.1465 95.84)` | Neon Light | black, 16 to 1 |
| 3 | `#fdd95f` | `oklch(89.41% 0.1451 93.14)` | Lemon Twist | black, 15.3 to 1 |
| 4 | `#fbd25a` | `oklch(87.78% 0.1436 90.04)` | Beach Party | black, 14.4 to 1 |
| 5 | `#f9ca55` | `oklch(85.98% 0.1424 86.98)` | Go Bananas | black, 13.6 to 1 |
| 6 | `#f6c250` | `oklch(84.10% 0.1419 84.36)` | Creamy Sweet Corn | black, 12.7 to 1 |
| 7 | `#f2ba48` | `oklch(82.06% 0.1424 82.10)` | Maximum Yellow Red | black, 11.9 to 1 |
| 8 | `#edb23f` | `oklch(79.84% 0.1435 79.99)` | Dairy Made | black, 11 to 1 |
| 9 | `#e8a935` | `oklch(77.50% 0.1445 77.85)` | Mustard Glaze | black, 10.1 to 1 |
| 10 | `#e29f2c` | `oklch(75.07% 0.1449 75.56)` | Shì Zǐ Chéng Persimmon | black, 9.2 to 1 |
| 11 | `#dc9625` | `oklch(72.58% 0.1442 73.06)` | Buttercup | black, 8.4 to 1 |
| 12 | `#d58d1e` | `oklch(69.98% 0.1430 70.69)` | Turmeric Tea | black, 7.6 to 1 |
| 13 | `#ce8318` | `oklch(67.28% 0.1412 68.17)` | Copious Caramel | black, 6.8 to 1 |
| 14 | `#c67915` | `oklch(64.54% 0.1388 65.18)` | Dirty Orange | black, 6.1 to 1 |
| 15 | `#bf6f17` | `oklch(61.81% 0.1356 61.38)` | Desert Sun | black, 5.5 to 1 |
| 16 | `#b6661e` | `oklch(59.05% 0.1307 56.86)` | Light Brown | black, 4.9 to 1 |
| 17 | `#ad5d25` | `oklch(56.24% 0.1240 51.97)` | Plaguelands Hazel | white, 4.8 to 1 |
| 18 | `#a3542b` | `oklch(53.42% 0.1171 46.29)` | Warmth | white, 5.4 to 1 |
| 19 | `#994c31` | `oklch(50.67% 0.1114 39.40)` | Spicy Hue | white, 6.1 to 1 |
| 20 | `#914336` | `oklch(48.06% 0.1087 30.86)` | Persimmon Juice | white, 6.8 to 1 |
| 21 | `#89393d` | `oklch(45.56% 0.1094 19.53)` | Bacchanalia Red | white, 7.6 to 1 |
| 22 | `#813146` | `oklch(43.15% 0.1123 6.13)` | Rhododendron | white, 8.5 to 1 |
| 23 | `#772950` | `oklch(40.83% 0.1164 352.37)` | Magenta Purple | white, 9.4 to 1 |
| 24 | `#6b2358` | `oklch(38.61% 0.1206 339.95)` | Forest Fruit Red | white, 10.4 to 1 |
| 25 | `#611f5c` | `oklch(36.53% 0.1242 330.32)` | Blackest Berry | white, 11.3 to 1 |
| 26 | `#57195f` | `oklch(34.62% 0.1290 322.66)` | Purple Velour | white, 12.2 to 1 |
| 27 | `#4e1461` | `oklch(32.82% 0.1341 316.38)` | God of Nights | white, 13.1 to 1 |
| 28 | `#460e62` | `oklch(31.07% 0.1381 311.17)` | Obsidian Shell | white, 13.9 to 1 |
| 29 | `#3e0860` | `oklch(29.27% 0.1395 306.73)` | Wicked Purple | white, 14.8 to 1 |
| 30 | `#36045c` | `oklch(27.30% 0.1367 302.99)` | Cotinga Purple | white, 15.7 to 1 |
| 31 | `#2e0255` | `oklch(25.10% 0.1299 300.30)` | Hollow Knight | white, 16.7 to 1 |
| 32 | `#26014c` | `oklch(22.91% 0.1212 298.43)` | Your Darkness | white, 17.6 to 1 |
| 33 | `#200044` | `oklch(21.02% 0.1130 297.11)` | Your Darkness | white, 18.2 to 1 |
| 34 | `#1c003f` | `oklch(19.69% 0.1075 296.05)` | Your Darkness | white, 18.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #fee466 0.000% 2.941%, #fee062 2.941% 5.882%, #fdd95f 5.882% 8.824%, #fbd25a 8.824% 11.765%, #f9ca55 11.765% 14.706%, #f6c250 14.706% 17.647%, #f2ba48 17.647% 20.588%, #edb23f 20.588% 23.529%, #e8a935 23.529% 26.471%, #e29f2c 26.471% 29.412%, #dc9625 29.412% 32.353%, #d58d1e 32.353% 35.294%, #ce8318 35.294% 38.235%, #c67915 38.235% 41.176%, #bf6f17 41.176% 44.118%, #b6661e 44.118% 47.059%, #ad5d25 47.059% 50.000%, #a3542b 50.000% 52.941%, #994c31 52.941% 55.882%, #914336 55.882% 58.824%, #89393d 58.824% 61.765%, #813146 61.765% 64.706%, #772950 64.706% 67.647%, #6b2358 67.647% 70.588%, #611f5c 70.588% 73.529%, #57195f 73.529% 76.471%, #4e1461 76.471% 79.412%, #460e62 79.412% 82.353%, #3e0860 82.353% 85.294%, #36045c 85.294% 88.235%, #2e0255 88.235% 91.176%, #26014c 91.176% 94.118%, #200044 94.118% 97.059%, #1c003f 97.059% 100.000%);
background: linear-gradient(90deg, oklch(91.73% 0.1474 97.73) 0.000% 2.941%, oklch(90.76% 0.1465 95.84) 2.941% 5.882%, oklch(89.41% 0.1451 93.14) 5.882% 8.824%, oklch(87.78% 0.1436 90.04) 8.824% 11.765%, oklch(85.98% 0.1424 86.98) 11.765% 14.706%, oklch(84.10% 0.1419 84.36) 14.706% 17.647%, oklch(82.06% 0.1424 82.10) 17.647% 20.588%, oklch(79.84% 0.1435 79.99) 20.588% 23.529%, oklch(77.50% 0.1445 77.85) 23.529% 26.471%, oklch(75.07% 0.1449 75.56) 26.471% 29.412%, oklch(72.58% 0.1442 73.06) 29.412% 32.353%, oklch(69.98% 0.1430 70.69) 32.353% 35.294%, oklch(67.28% 0.1412 68.17) 35.294% 38.235%, oklch(64.54% 0.1388 65.18) 38.235% 41.176%, oklch(61.81% 0.1356 61.38) 41.176% 44.118%, oklch(59.05% 0.1307 56.86) 44.118% 47.059%, oklch(56.24% 0.1240 51.97) 47.059% 50.000%, oklch(53.42% 0.1171 46.29) 50.000% 52.941%, oklch(50.67% 0.1114 39.40) 52.941% 55.882%, oklch(48.06% 0.1087 30.86) 55.882% 58.824%, oklch(45.56% 0.1094 19.53) 58.824% 61.765%, oklch(43.15% 0.1123 6.13) 61.765% 64.706%, oklch(40.83% 0.1164 352.37) 64.706% 67.647%, oklch(38.61% 0.1206 339.95) 67.647% 70.588%, oklch(36.53% 0.1242 330.32) 70.588% 73.529%, oklch(34.62% 0.1290 322.66) 73.529% 76.471%, oklch(32.82% 0.1341 316.38) 76.471% 79.412%, oklch(31.07% 0.1381 311.17) 79.412% 82.353%, oklch(29.27% 0.1395 306.73) 82.353% 85.294%, oklch(27.30% 0.1367 302.99) 85.294% 88.235%, oklch(25.10% 0.1299 300.30) 88.235% 91.176%, oklch(22.91% 0.1212 298.43) 91.176% 94.118%, oklch(21.02% 0.1130 297.11) 94.118% 97.059%, oklch(19.69% 0.1075 296.05) 97.059% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.917 | 0.147 | 97.7 |
| 2 | 0.846 | 0.142 | 85.1 |
| 3 | 0.74 | 0.145 | 74.5 |
| 4 | 0.614 | 0.135 | 60.7 |
| 5 | 0.484 | 0.109 | 32.2 |
| 6 | 0.374 | 0.123 | -25.9 |
| 7 | 0.287 | 0.139 | -54.4 |
| 8 | 0.197 | 0.107 | -63.9 |

## In these collections

- [Sunset swatches](https://grabient.com/sunset-swatches)

## Other forms

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