# Maroon, orange, tan and light blue linear gradient

Maroon, orange, tan and light blue linear gradient with 32 colors: #6e0003, #760002, #800202, #8a0903, #961304, #a01d04, #a82704, #b03305, #b73e07, #be4a0a, #c4550c, #c9600d, #ce6a0e, #d17512, #d48019, #d68a21, #d7932a, #d99a32, #dba239, #dca842, #dbaf4d, #d6b65c, #d2bc71, #cdc087, #c8c39a, #c3c6aa, #bec8b4, #b5cbbb, #a6cdc9, #9dccde, #a5c6ef, #b4bff4. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kaVmgUOr3Acs5wbZs0K46vCGgLRDnm9HA`
- Page: https://grabient.com/kaVmgUOr3Acs5wbZs0K46vCGgLRDnm9HA?steps=32&angle=270
- Drawn as: linear gradient, 32 steps, 270 degrees
- Kinds: dark to light, vivid, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.3 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 | `#6e0003` | `oklch(33.88% 0.1386 28.19)` | Hellbound | white, 12.5 to 1 |
| 2 | `#760002` | `oklch(35.46% 0.1452 28.57)` | Blood | white, 11.8 to 1 |
| 3 | `#800202` | `oklch(37.66% 0.1532 28.97)` | Maroon | white, 10.9 to 1 |
| 4 | `#8a0903` | `oklch(40.27% 0.1598 29.62)` | Roasted Pepper | white, 9.8 to 1 |
| 5 | `#961304` | `oklch(43.01% 0.1656 30.60)` | Cayenne | white, 8.8 to 1 |
| 6 | `#a01d04` | `oklch(45.65% 0.1692 32.05)` | Burnt Red | white, 7.8 to 1 |
| 7 | `#a82704` | `oklch(48.13% 0.1699 34.05)` | Rust Red | white, 7 to 1 |
| 8 | `#b03305` | `oklch(50.68% 0.1686 36.48)` | Rusty Red | white, 6.3 to 1 |
| 9 | `#b73e07` | `oklch(53.25% 0.1660 39.30)` | Martian Ironcrust | white, 5.6 to 1 |
| 10 | `#be4a0a` | `oklch(55.79% 0.1627 42.47)` | Brick Orange | white, 5 to 1 |
| 11 | `#c4550c` | `oklch(58.26% 0.1594 45.93)` | Rust Orange | black, 4.6 to 1 |
| 12 | `#c9600d` | `oklch(60.63% 0.1565 49.77)` | Kvass | black, 5.1 to 1 |
| 13 | `#ce6a0e` | `oklch(62.98% 0.1533 54.21)` | Cinnamon | black, 5.6 to 1 |
| 14 | `#d17512` | `oklch(65.27% 0.1498 58.98)` | Tree Sap | black, 6.2 to 1 |
| 15 | `#d48019` | `oklch(67.46% 0.1462 63.78)` | Orange Pepper | black, 6.8 to 1 |
| 16 | `#d68a21` | `oklch(69.51% 0.1424 68.32)` | Apricot Chicken | black, 7.4 to 1 |
| 17 | `#d7932a` | `oklch(71.39% 0.1390 72.27)` | Golden Orange | black, 8 to 1 |
| 18 | `#d99a32` | `oklch(73.15% 0.1368 75.46)` | Lion King | black, 8.6 to 1 |
| 19 | `#dba239` | `oklch(74.77% 0.1349 78.34)` | Courgette Yellow | black, 9.2 to 1 |
| 20 | `#dca842` | `oklch(76.25% 0.1317 81.42)` | Crispy Chicken Skin | black, 9.7 to 1 |
| 21 | `#dbaf4d` | `oklch(77.57% 0.1259 85.20)` | Golden Rule | black, 10.2 to 1 |
| 22 | `#d6b65c` | `oklch(78.70% 0.1158 89.95)` | Luxurious | black, 10.7 to 1 |
| 23 | `#d2bc71` | `oklch(79.67% 0.0983 93.51)` | Green Citrine | black, 11.1 to 1 |
| 24 | `#cdc087` | `oklch(80.46% 0.0766 96.92)` | Dry Leaf | black, 11.4 to 1 |
| 25 | `#c8c39a` | `oklch(81.10% 0.0549 102.30)` | Parlour Sage | black, 11.7 to 1 |
| 26 | `#c3c6aa` | `oklch(81.59% 0.0379 111.76)` | Balance Green | black, 11.9 to 1 |
| 27 | `#bec8b4` | `oklch(81.94% 0.0298 127.50)` | Clay Ash | black, 12.1 to 1 |
| 28 | `#b5cbbb` | `oklch(82.06% 0.0323 153.60)` | Subtle Green | black, 12.2 to 1 |
| 29 | `#a6cdc9` | `oklch(81.98% 0.0422 187.23)` | Mystery | black, 12.2 to 1 |
| 30 | `#9dccde` | `oklch(81.80% 0.0553 222.61)` | Intercoastal | black, 12.1 to 1 |
| 31 | `#a5c6ef` | `oklch(81.61% 0.0678 253.93)` | Sky High | black, 11.9 to 1 |
| 32 | `#b4bff4` | `oklch(81.50% 0.0758 275.40)` | Larkspur Bud | black, 11.7 to 1 |

## CSS

```css
background: linear-gradient(270deg, #6e0003 0.0%, #760002 3.2%, #800202 6.5%, #8a0903 9.7%, #961304 12.9%, #a01d04 16.1%, #a82704 19.4%, #b03305 22.6%, #b73e07 25.8%, #be4a0a 29.0%, #c4550c 32.3%, #c9600d 35.5%, #ce6a0e 38.7%, #d17512 41.9%, #d48019 45.2%, #d68a21 48.4%, #d7932a 51.6%, #d99a32 54.8%, #dba239 58.1%, #dca842 61.3%, #dbaf4d 64.5%, #d6b65c 67.7%, #d2bc71 71.0%, #cdc087 74.2%, #c8c39a 77.4%, #c3c6aa 80.6%, #bec8b4 83.9%, #b5cbbb 87.1%, #a6cdc9 90.3%, #9dccde 93.5%, #a5c6ef 96.8%, #b4bff4 100.0%);
background: linear-gradient(270deg in oklch, oklch(33.88% 0.1386 28.19) 0.0%, oklch(35.46% 0.1452 28.57) 3.2%, oklch(37.66% 0.1532 28.97) 6.5%, oklch(40.27% 0.1598 29.62) 9.7%, oklch(43.01% 0.1656 30.60) 12.9%, oklch(45.65% 0.1692 32.05) 16.1%, oklch(48.13% 0.1699 34.05) 19.4%, oklch(50.68% 0.1686 36.48) 22.6%, oklch(53.25% 0.1660 39.30) 25.8%, oklch(55.79% 0.1627 42.47) 29.0%, oklch(58.26% 0.1594 45.93) 32.3%, oklch(60.63% 0.1565 49.77) 35.5%, oklch(62.98% 0.1533 54.21) 38.7%, oklch(65.27% 0.1498 58.98) 41.9%, oklch(67.46% 0.1462 63.78) 45.2%, oklch(69.51% 0.1424 68.32) 48.4%, oklch(71.39% 0.1390 72.27) 51.6%, oklch(73.15% 0.1368 75.46) 54.8%, oklch(74.77% 0.1349 78.34) 58.1%, oklch(76.25% 0.1317 81.42) 61.3%, oklch(77.57% 0.1259 85.20) 64.5%, oklch(78.70% 0.1158 89.95) 67.7%, oklch(79.67% 0.0983 93.51) 71.0%, oklch(80.46% 0.0766 96.92) 74.2%, oklch(81.10% 0.0549 102.30) 77.4%, oklch(81.59% 0.0379 111.76) 80.6%, oklch(81.94% 0.0298 127.50) 83.9%, oklch(82.06% 0.0323 153.60) 87.1%, oklch(81.98% 0.0422 187.23) 90.3%, oklch(81.80% 0.0553 222.61) 93.5%, oklch(81.61% 0.0678 253.93) 96.8%, oklch(81.50% 0.0758 275.40) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.339 | 0.143 | 28.1 |
| 2 | 0.461 | 0.169 | 32.4 |
| 3 | 0.591 | 0.158 | 47.1 |
| 4 | 0.705 | 0.141 | 70.4 |
| 5 | 0.783 | 0.12 | 88.4 |
| 6 | 0.819 | 0.03 | 124.3 |
| 7 | 0.815 | 0.076 | 275.4 |

## In these collections

- [Multicolor gradients](https://grabient.com/multicolor-gradients)

## Other forms

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