# Brown, salmon, orange and light blue linear gradient

Brown, salmon, orange and light blue linear gradient with 40 colors: #a57535, #a97435, #af7236, #b6703a, #bd6e3f, #c36c46, #ca694f, #cf6858, #d36760, #d76767, #db686a, #df6b6a, #e47068, #e97763, #ed7e5e, #f08557, #f08c51, #ef924c, #ec9448, #e79344, #e08e40, #d48339, #c5742f, #b36224, #a04f1a, #8d3d13, #7c2c10, #6d1d12, #611317, #5b0e1f, #5a122b, #5e1c3e, #632b55, #693d6f, #6e528a, #7168a3, #737fb7, #7693c7, #78a5d2, #7bb0d9. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWmEkzUzQ59yxxKnpzo3Z2wY`
- Page: https://grabient.com/kWmEkzUzQ59yxxKnpzo3Z2wY?steps=40&angle=45
- Drawn as: linear gradient, 40 steps, 45 degrees
- Kinds: vivid, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.9 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 | `#a57535` | `oklch(59.84% 0.1006 71.72)` | Gallant Gold | black, 5.1 to 1 |
| 2 | `#a97435` | `oklch(60.17% 0.1034 68.18)` | Deer Leather | black, 5.2 to 1 |
| 3 | `#af7236` | `oklch(60.58% 0.1074 63.08)` | Enchanting Ginger | black, 5.3 to 1 |
| 4 | `#b6703a` | `oklch(61.07% 0.1122 56.87)` | Saucy Gold | black, 5.3 to 1 |
| 5 | `#bd6e3f` | `oklch(61.61% 0.1175 50.02)` | Tiger Stripe | black, 5.4 to 1 |
| 6 | `#c36c46` | `oklch(62.21% 0.1231 42.97)` | Spice Route | black, 5.5 to 1 |
| 7 | `#ca694f` | `oklch(62.84% 0.1285 36.19)` | Enshūcha Red | black, 5.6 to 1 |
| 8 | `#cf6858` | `oklch(63.50% 0.1336 30.14)` | Southwestern Clay | black, 5.7 to 1 |
| 9 | `#d36760` | `oklch(64.17% 0.1381 25.28)` | Tory Red | black, 5.8 to 1 |
| 10 | `#d76767` | `oklch(64.85% 0.1415 22.06)` | Red Geranium | black, 6 to 1 |
| 11 | `#db686a` | `oklch(65.54% 0.1437 20.95)` | Red Geranium | black, 6.1 to 1 |
| 12 | `#df6b6a` | `oklch(66.57% 0.1450 22.35)` | Calypso Red | black, 6.4 to 1 |
| 13 | `#e47068` | `oklch(67.95% 0.1456 25.87)` | Childhood Crush | black, 6.8 to 1 |
| 14 | `#e97763` | `oklch(69.52% 0.1455 30.94)` | Colorado Bronze | black, 7.2 to 1 |
| 15 | `#ed7e5e` | `oklch(71.12% 0.1449 36.95)` | Orange Daylily | black, 7.7 to 1 |
| 16 | `#f08557` | `oklch(72.56% 0.1439 43.34)` | Autumn Sunset | black, 8.2 to 1 |
| 17 | `#f08c51` | `oklch(73.70% 0.1426 49.53)` | Poppy Glow | black, 8.6 to 1 |
| 18 | `#ef924c` | `oklch(74.36% 0.1410 54.93)` | Caramelised Orange | black, 8.8 to 1 |
| 19 | `#ec9448` | `oklch(74.37% 0.1392 58.95)` | Physalis | black, 8.9 to 1 |
| 20 | `#e79344` | `oklch(73.58% 0.1373 61.03)` | Yellow Sumac | black, 8.6 to 1 |
| 21 | `#e08e40` | `oklch(71.73% 0.1354 60.81)` | Orange Drop | black, 8.1 to 1 |
| 22 | `#d48339` | `oklch(68.28% 0.1332 59.39)` | Mexican Spirit | black, 7.1 to 1 |
| 23 | `#c5742f` | `oklch(63.56% 0.1305 56.99)` | October | black, 5.9 to 1 |
| 24 | `#b36224` | `oklch(58.00% 0.1275 53.65)` | Polished Copper | black, 4.6 to 1 |
| 25 | `#a04f1a` | `oklch(52.03% 0.1244 49.38)` | Ancient Bronze | white, 5.7 to 1 |
| 26 | `#8d3d13` | `oklch(46.09% 0.1211 44.20)` | Espresso Martini | white, 7.4 to 1 |
| 27 | `#7c2c10` | `oklch(40.59% 0.1177 38.14)` | Reddish Brown | white, 9.4 to 1 |
| 28 | `#6d1d12` | `oklch(35.99% 0.1144 31.20)` | Prune | white, 11.4 to 1 |
| 29 | `#611317` | `oklch(32.70% 0.1112 23.42)` | Blood Organ | white, 12.9 to 1 |
| 30 | `#5b0e1f` | `oklch(31.16% 0.1082 14.82)` | Chocolate Cosmos | white, 13.7 to 1 |
| 31 | `#5a122b` | `oklch(31.73% 0.1053 4.80)` | Brown Chocolate | white, 13.4 to 1 |
| 32 | `#5e1c3e` | `oklch(34.21% 0.1023 352.27)` | Soul Anchor | white, 12.2 to 1 |
| 33 | `#632b55` | `oklch(38.18% 0.0991 337.83)` | Velvet Mauve | white, 10.4 to 1 |
| 34 | `#693d6f` | `oklch(43.26% 0.0960 322.18)` | Majesty | white, 8.4 to 1 |
| 35 | `#6e528a` | `oklch(49.01% 0.0930 306.01)` | Magenta Violet | white, 6.5 to 1 |
| 36 | `#7168a3` | `oklch(55.03% 0.0900 290.00)` | Inner Journey | white, 4.9 to 1 |
| 37 | `#737fb7` | `oklch(60.91% 0.0873 274.86)` | Astro Zinger | black, 5.4 to 1 |
| 38 | `#7693c7` | `oklch(66.25% 0.0849 261.27)` | Blue Shock | black, 6.7 to 1 |
| 39 | `#78a5d2` | `oklch(70.62% 0.0829 249.92)` | Polar Ice | black, 8 to 1 |
| 40 | `#7bb0d9` | `oklch(73.62% 0.0813 241.50)` | Meadow Blossom Blue | black, 9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #a57535 0.0%, #a97435 2.6%, #af7236 5.1%, #b6703a 7.7%, #bd6e3f 10.3%, #c36c46 12.8%, #ca694f 15.4%, #cf6858 17.9%, #d36760 20.5%, #d76767 23.1%, #db686a 25.6%, #df6b6a 28.2%, #e47068 30.8%, #e97763 33.3%, #ed7e5e 35.9%, #f08557 38.5%, #f08c51 41.0%, #ef924c 43.6%, #ec9448 46.2%, #e79344 48.7%, #e08e40 51.3%, #d48339 53.8%, #c5742f 56.4%, #b36224 59.0%, #a04f1a 61.5%, #8d3d13 64.1%, #7c2c10 66.7%, #6d1d12 69.2%, #611317 71.8%, #5b0e1f 74.4%, #5a122b 76.9%, #5e1c3e 79.5%, #632b55 82.1%, #693d6f 84.6%, #6e528a 87.2%, #7168a3 89.7%, #737fb7 92.3%, #7693c7 94.9%, #78a5d2 97.4%, #7bb0d9 100.0%);
background: linear-gradient(45deg in oklch, oklch(59.84% 0.1006 71.72) 0.0%, oklch(60.17% 0.1034 68.18) 2.6%, oklch(60.58% 0.1074 63.08) 5.1%, oklch(61.07% 0.1122 56.87) 7.7%, oklch(61.61% 0.1175 50.02) 10.3%, oklch(62.21% 0.1231 42.97) 12.8%, oklch(62.84% 0.1285 36.19) 15.4%, oklch(63.50% 0.1336 30.14) 17.9%, oklch(64.17% 0.1381 25.28) 20.5%, oklch(64.85% 0.1415 22.06) 23.1%, oklch(65.54% 0.1437 20.95) 25.6%, oklch(66.57% 0.1450 22.35) 28.2%, oklch(67.95% 0.1456 25.87) 30.8%, oklch(69.52% 0.1455 30.94) 33.3%, oklch(71.12% 0.1449 36.95) 35.9%, oklch(72.56% 0.1439 43.34) 38.5%, oklch(73.70% 0.1426 49.53) 41.0%, oklch(74.36% 0.1410 54.93) 43.6%, oklch(74.37% 0.1392 58.95) 46.2%, oklch(73.58% 0.1373 61.03) 48.7%, oklch(71.73% 0.1354 60.81) 51.3%, oklch(68.28% 0.1332 59.39) 53.8%, oklch(63.56% 0.1305 56.99) 56.4%, oklch(58.00% 0.1275 53.65) 59.0%, oklch(52.03% 0.1244 49.38) 61.5%, oklch(46.09% 0.1211 44.20) 64.1%, oklch(40.59% 0.1177 38.14) 66.7%, oklch(35.99% 0.1144 31.20) 69.2%, oklch(32.70% 0.1112 23.42) 71.8%, oklch(31.16% 0.1082 14.82) 74.4%, oklch(31.73% 0.1053 4.80) 76.9%, oklch(34.21% 0.1023 352.27) 79.5%, oklch(38.18% 0.0991 337.83) 82.1%, oklch(43.26% 0.0960 322.18) 84.6%, oklch(49.01% 0.0930 306.01) 87.2%, oklch(55.03% 0.0900 290.00) 89.7%, oklch(60.91% 0.0873 274.86) 92.3%, oklch(66.25% 0.0849 261.27) 94.9%, oklch(70.62% 0.0829 249.92) 97.4%, oklch(73.62% 0.0813 241.50) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.598 | 0.101 | 71.7 |
| 2 | 0.654 | 0.143 | 21 |
| 3 | 0.728 | 0.136 | 61.2 |
| 4 | 0.311 | 0.107 | 12.5 |
| 5 | 0.736 | 0.081 | -118.5 |

## Other forms

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