# Cream amber maroon bands

Warm beige, orange and dark purple linear swatches with 8 colors: #fdeda1, #fed176, #efa648, #d07620, #a74806, #772302, #49080c, #23011e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Warm beige, orange and dark purple linear swatches
- Seed: `ka70ZF7i0994zvjKtL5NrA-aQkPsWm7lg`
- Page: https://grabient.com/ka70ZF7i0994zvjKtL5NrA-aQkPsWm7lg?style=linearSwatches&steps=8
- Drawn as: linear swatches, 8 steps, 90 degrees
- Kinds: light to dark, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 16.2 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 | `#fdeda1` | `oklch(94.09% 0.0965 97.73)` | Baby Chick | black, 17.7 to 1 |
| 2 | `#fed176` | `oklch(88.02% 0.1203 83.28)` | Banana Bread | black, 14.5 to 1 |
| 3 | `#efa648` | `oklch(77.97% 0.1382 70.12)` | Egyptian Gold | black, 10.2 to 1 |
| 4 | `#d07620` | `oklch(65.41% 0.1454 58.05)` | Ochre | black, 6.3 to 1 |
| 5 | `#a74806` | `oklch(51.88% 0.1415 46.62)` | Pepperoni | white, 5.8 to 1 |
| 6 | `#772302` | `oklch(38.55% 0.1241 37.99)` | Buried Lust | white, 10.3 to 1 |
| 7 | `#49080c` | `oklch(26.53% 0.0952 24.16)` | Bulgarian Rose | white, 15.8 to 1 |
| 8 | `#23011e` | `oklch(17.72% 0.0758 335.15)` | Black Sabbath | white, 19.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #fdeda1 0.000% 12.500%, #fed176 12.500% 25.000%, #efa648 25.000% 37.500%, #d07620 37.500% 50.000%, #a74806 50.000% 62.500%, #772302 62.500% 75.000%, #49080c 75.000% 87.500%, #23011e 87.500% 100.000%);
background: linear-gradient(90deg, oklch(94.09% 0.0965 97.73) 0.000% 12.500%, oklch(88.02% 0.1203 83.28) 12.500% 25.000%, oklch(77.97% 0.1382 70.12) 25.000% 37.500%, oklch(65.41% 0.1454 58.05) 37.500% 50.000%, oklch(51.88% 0.1415 46.62) 50.000% 62.500%, oklch(38.55% 0.1241 37.99) 62.500% 75.000%, oklch(26.53% 0.0952 24.16) 75.000% 87.500%, oklch(17.72% 0.0758 335.15) 87.500% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.096 | 97.7 |
| 2 | 0.866 | 0.124 | 80.8 |
| 3 | 0.74 | 0.142 | 66 |
| 4 | 0.587 | 0.145 | 52.3 |
| 5 | 0.429 | 0.132 | 39.6 |
| 6 | 0.283 | 0.099 | 30.1 |
| 7 | 0.177 | 0.076 | -24.8 |

## In these collections

- [Harvest swatches](https://grabient.com/harvest-swatches)

## Other forms

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