# Brown, dark green and peach linear gradient

Brown, dark green and peach linear gradient with 48 colors: #f88c47, #e88242, #d3753b, #ba6531, #9f5427, #84431d, #6b3414, #55260c, #441c06, #381504, #341304, #351406, #3b170b, #451d12, #51241b, #5f2c24, #6b342c, #763c32, #7d4234, #7f4631, #794828, #6c491e, #5a481b, #46461f, #334125, #263c2a, #1f362d, #1e342f, #1f3531, #243a37, #2c453e, #395446, #4d654d, #687551, #878455, #a7905c, #c49866, #d99d72, #e59e79, #ea9b7b, #e99577, #e58c6f, #de8264, #d57756, #cc6c47, #c36339, #bc5b2c, #b85524. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYvXAkHpY_TofPynilE4CMwEgzvy`
- Page: https://grabient.com/kYvXAkHpY_TofPynilE4CMwEgzvy?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: dark center, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#f88c47` | `oklch(74.41% 0.1543 50.63)` | Blaze | black, 8.8 to 1 |
| 2 | `#e88242` | `oklch(70.82% 0.1477 50.29)` | Muskmelon | black, 7.7 to 1 |
| 3 | `#d3753b` | `oklch(65.73% 0.1385 49.87)` | Marquis Orange | black, 6.3 to 1 |
| 4 | `#ba6531` | `oklch(59.56% 0.1272 49.37)` | Ruddy Brown | black, 4.9 to 1 |
| 5 | `#9f5427` | `oklch(52.76% 0.1149 48.80)` | Warmth | white, 5.5 to 1 |
| 6 | `#84431d` | `oklch(45.77% 0.1021 48.19)` | Honey Garlic Beef | white, 7.4 to 1 |
| 7 | `#6b3414` | `oklch(39.04% 0.0897 47.55)` | Meatloaf | white, 9.9 to 1 |
| 8 | `#55260c` | `oklch(33.00% 0.0784 46.89)` | Conker Brown | white, 12.5 to 1 |
| 9 | `#441c06` | `oklch(28.11% 0.0691 46.24)` | Bath in Chocolate | white, 14.8 to 1 |
| 10 | `#381504` | `oklch(24.80% 0.0624 45.59)` | American Bronze | white, 16.3 to 1 |
| 11 | `#341304` | `oklch(23.45% 0.0591 44.68)` | Chocolate Melange | white, 16.9 to 1 |
| 12 | `#351406` | `oklch(23.91% 0.0589 42.49)` | Chocolate Melange | white, 16.7 to 1 |
| 13 | `#3b170b` | `oklch(25.79% 0.0612 39.45)` | American Bronze | white, 15.9 to 1 |
| 14 | `#451d12` | `oklch(28.70% 0.0652 36.10)` | Barbecue Sauce | white, 14.5 to 1 |
| 15 | `#51241b` | `oklch(32.23% 0.0703 33.00)` | Torrefacto Roast | white, 12.9 to 1 |
| 16 | `#5f2c24` | `oklch(36.01% 0.0756 30.70)` | Chestnut Leather | white, 11.2 to 1 |
| 17 | `#6b342c` | `oklch(39.63% 0.0804 29.75)` | Cherry Mahogany | white, 9.7 to 1 |
| 18 | `#763c32` | `oklch(42.72% 0.0841 30.71)` | Crown of Thorns | white, 8.5 to 1 |
| 19 | `#7d4234` | `oklch(44.88% 0.0859 34.12)` | Monterey Chestnut | white, 7.7 to 1 |
| 20 | `#7f4631` | `oklch(45.72% 0.0850 40.61)` | Sunbathing Beauty | white, 7.4 to 1 |
| 21 | `#794828` | `oklch(45.15% 0.0812 52.22)` | Urban Auburn | white, 7.6 to 1 |
| 22 | `#6c491e` | `oklch(43.51% 0.0749 68.56)` | Antique Brass | white, 8 to 1 |
| 23 | `#5a481b` | `oklch(41.14% 0.0670 88.08)` | Mud Brown | white, 8.8 to 1 |
| 24 | `#46461f` | `oklch(38.38% 0.0582 109.22)` | Nori Seaweed Green | white, 9.7 to 1 |
| 25 | `#334125` | `oklch(35.57% 0.0493 130.42)` | Deep Seaweed | white, 10.8 to 1 |
| 26 | `#263c2a` | `oklch(33.07% 0.0410 150.11)` | Palm Green | white, 11.9 to 1 |
| 27 | `#1f362d` | `oklch(31.22% 0.0341 166.74)` | Medium Jungle Green | white, 12.8 to 1 |
| 28 | `#1e342f` | `oklch(30.35% 0.0294 178.74)` | Medium Jungle Green | white, 13.2 to 1 |
| 29 | `#1f3531` | `oklch(30.82% 0.0275 184.55)` | Fait Accompli | white, 13 to 1 |
| 30 | `#243a37` | `oklch(33.00% 0.0290 182.96)` | Kōrainando Green | white, 12 to 1 |
| 31 | `#2c453e` | `oklch(36.86% 0.0332 174.76)` | Gable Green | white, 10.3 to 1 |
| 32 | `#395446` | `oklch(41.99% 0.0395 161.43)` | Leprechaun Green | white, 8.2 to 1 |
| 33 | `#4d654d` | `oklch(47.94% 0.0475 144.44)` | Tom Thumb | white, 6.4 to 1 |
| 34 | `#687551` | `oklch(54.25% 0.0565 125.27)` | Dill Pickle | white, 4.9 to 1 |
| 35 | `#878455` | `oklch(60.50% 0.0660 105.37)` | Aged Eucalyptus | black, 5.4 to 1 |
| 36 | `#a7905c` | `oklch(66.24% 0.0756 86.24)` | Dark Sand | black, 6.7 to 1 |
| 37 | `#c49866` | `oklch(71.02% 0.0846 69.34)` | Chalet | black, 8 to 1 |
| 38 | `#d99d72` | `oklch(74.41% 0.0925 56.15)` | Ochraceous Salmon | black, 9 to 1 |
| 39 | `#e59e79` | `oklch(76.01% 0.0989 47.86)` | Les Demoiselles d’Avignon | black, 9.4 to 1 |
| 40 | `#ea9b7b` | `oklch(76.02% 0.1049 42.72)` | Light Amber Orange | black, 9.4 to 1 |
| 41 | `#e99577` | `oklch(74.79% 0.1108 39.80)` | Kindleflame | black, 9 to 1 |
| 42 | `#e58c6f` | `oklch(72.64% 0.1165 38.65)` | Middle Red | black, 8.3 to 1 |
| 43 | `#de8264` | `oklch(69.84% 0.1219 38.82)` | Sohi Orange | black, 7.4 to 1 |
| 44 | `#d57756` | `oklch(66.70% 0.1270 39.89)` | Clay Mug | black, 6.6 to 1 |
| 45 | `#cc6c47` | `oklch(63.52% 0.1316 41.41)` | Red Damask | black, 5.8 to 1 |
| 46 | `#c36339` | `oklch(60.60% 0.1357 42.94)` | Civara | black, 5.1 to 1 |
| 47 | `#bc5b2c` | `oklch(58.22% 0.1391 44.04)` | Gold Varnish Brown | black, 4.6 to 1 |
| 48 | `#b85524` | `oklch(56.69% 0.1419 44.28)` | Roland-Garros | white, 4.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f88c47 0.0%, #e88242 2.1%, #d3753b 4.3%, #ba6531 6.4%, #9f5427 8.5%, #84431d 10.6%, #6b3414 12.8%, #55260c 14.9%, #441c06 17.0%, #381504 19.1%, #341304 21.3%, #351406 23.4%, #3b170b 25.5%, #451d12 27.7%, #51241b 29.8%, #5f2c24 31.9%, #6b342c 34.0%, #763c32 36.2%, #7d4234 38.3%, #7f4631 40.4%, #794828 42.6%, #6c491e 44.7%, #5a481b 46.8%, #46461f 48.9%, #334125 51.1%, #263c2a 53.2%, #1f362d 55.3%, #1e342f 57.4%, #1f3531 59.6%, #243a37 61.7%, #2c453e 63.8%, #395446 66.0%, #4d654d 68.1%, #687551 70.2%, #878455 72.3%, #a7905c 74.5%, #c49866 76.6%, #d99d72 78.7%, #e59e79 80.9%, #ea9b7b 83.0%, #e99577 85.1%, #e58c6f 87.2%, #de8264 89.4%, #d57756 91.5%, #cc6c47 93.6%, #c36339 95.7%, #bc5b2c 97.9%, #b85524 100.0%);
background: linear-gradient(135deg in oklch, oklch(74.41% 0.1543 50.63) 0.0%, oklch(70.82% 0.1477 50.29) 2.1%, oklch(65.73% 0.1385 49.87) 4.3%, oklch(59.56% 0.1272 49.37) 6.4%, oklch(52.76% 0.1149 48.80) 8.5%, oklch(45.77% 0.1021 48.19) 10.6%, oklch(39.04% 0.0897 47.55) 12.8%, oklch(33.00% 0.0784 46.89) 14.9%, oklch(28.11% 0.0691 46.24) 17.0%, oklch(24.80% 0.0624 45.59) 19.1%, oklch(23.45% 0.0591 44.68) 21.3%, oklch(23.91% 0.0589 42.49) 23.4%, oklch(25.79% 0.0612 39.45) 25.5%, oklch(28.70% 0.0652 36.10) 27.7%, oklch(32.23% 0.0703 33.00) 29.8%, oklch(36.01% 0.0756 30.70) 31.9%, oklch(39.63% 0.0804 29.75) 34.0%, oklch(42.72% 0.0841 30.71) 36.2%, oklch(44.88% 0.0859 34.12) 38.3%, oklch(45.72% 0.0850 40.61) 40.4%, oklch(45.15% 0.0812 52.22) 42.6%, oklch(43.51% 0.0749 68.56) 44.7%, oklch(41.14% 0.0670 88.08) 46.8%, oklch(38.38% 0.0582 109.22) 48.9%, oklch(35.57% 0.0493 130.42) 51.1%, oklch(33.07% 0.0410 150.11) 53.2%, oklch(31.22% 0.0341 166.74) 55.3%, oklch(30.35% 0.0294 178.74) 57.4%, oklch(30.82% 0.0275 184.55) 59.6%, oklch(33.00% 0.0290 182.96) 61.7%, oklch(36.86% 0.0332 174.76) 63.8%, oklch(41.99% 0.0395 161.43) 66.0%, oklch(47.94% 0.0475 144.44) 68.1%, oklch(54.25% 0.0565 125.27) 70.2%, oklch(60.50% 0.0660 105.37) 72.3%, oklch(66.24% 0.0756 86.24) 74.5%, oklch(71.02% 0.0846 69.34) 76.6%, oklch(74.41% 0.0925 56.15) 78.7%, oklch(76.01% 0.0989 47.86) 80.9%, oklch(76.02% 0.1049 42.72) 83.0%, oklch(74.79% 0.1108 39.80) 85.1%, oklch(72.64% 0.1165 38.65) 87.2%, oklch(69.84% 0.1219 38.82) 89.4%, oklch(66.70% 0.1270 39.89) 91.5%, oklch(63.52% 0.1316 41.41) 93.6%, oklch(60.60% 0.1357 42.94) 95.7%, oklch(58.22% 0.1391 44.04) 97.9%, oklch(56.69% 0.1419 44.28) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.744 | 0.154 | 50.6 |
| 2 | 0.24 | 0.061 | 45.3 |
| 3 | 0.457 | 0.085 | 39 |
| 4 | 0.311 | 0.028 | 184.8 |
| 5 | 0.756 | 0.096 | 50.6 |
| 6 | 0.567 | 0.142 | 44.3 |

## Other forms

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