# Analogous brown and peach linear swatches

Analogous brown and peach linear swatches with 32 colors: #3a1712, #411a13, #4c1d15, #5a2117, #68261a, #762b1c, #84311f, #933822, #a23f25, #b14729, #bf512e, #ca5d33, #d46a3a, #dd7843, #e4864d, #eb9358, #f09f63, #f5ad73, #f9ba84, #fbc593, #fccb9b, #fcca9b, #f9c18f, #f5b27c, #efa067, #e88e54, #dd7d46, #cf6d3b, #bd5c31, #aa4d29, #9a4023, #8f371e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kaQSkVsyhAUo2wJgLkHbx5BNgyPg6Lb5g`
- Page: https://grabient.com/kaQSkVsyhAUo2wJgLkHbx5BNgyPg6Lb5g?style=linearSwatches&steps=32&angle=135
- Drawn as: linear swatches, 32 steps, 135 degrees
- Kinds: light center, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.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 | `#3a1712` | `oklch(25.59% 0.0565 30.23)` | Dark Sienna | white, 16 to 1 |
| 2 | `#411a13` | `oklch(27.44% 0.0637 30.62)` | Old Study | white, 15.1 to 1 |
| 3 | `#4c1d15` | `oklch(30.01% 0.0740 31.13)` | Chocolate Rush | white, 14 to 1 |
| 4 | `#5a2117` | `oklch(33.05% 0.0859 31.76)` | Red Oxide | white, 12.6 to 1 |
| 5 | `#68261a` | `oklch(36.34% 0.0980 32.48)` | Brown Moelleux | white, 11.1 to 1 |
| 6 | `#762b1c` | `oklch(39.63% 0.1087 33.27)` | Hihada Brown | white, 9.8 to 1 |
| 7 | `#84311f` | `oklch(42.89% 0.1182 34.02)` | Chestnut Plum | white, 8.6 to 1 |
| 8 | `#933822` | `oklch(46.35% 0.1280 34.69)` | Red Prairie | white, 7.4 to 1 |
| 9 | `#a23f25` | `oklch(49.94% 0.1372 35.47)` | Edocha | white, 6.4 to 1 |
| 10 | `#b14729` | `oklch(53.56% 0.1447 36.52)` | Kabacha Brown | white, 5.5 to 1 |
| 11 | `#bf512e` | `oklch(57.11% 0.1494 38.05)` | Beef Patties | white, 4.7 to 1 |
| 12 | `#ca5d33` | `oklch(60.58% 0.1504 40.25)` | Ecstasy | black, 5.1 to 1 |
| 13 | `#d46a3a` | `oklch(64.11% 0.1481 43.21)` | Fresh Acorn | black, 5.9 to 1 |
| 14 | `#dd7843` | `oklch(67.61% 0.1433 46.57)` | Orange Shot | black, 6.8 to 1 |
| 15 | `#e4864d` | `oklch(70.99% 0.1370 50.01)` | Orange Poppy | black, 7.8 to 1 |
| 16 | `#eb9358` | `oklch(74.14% 0.1301 53.17)` | Bronze Cup | black, 8.8 to 1 |
| 17 | `#f09f63` | `oklch(77.08% 0.1229 55.88)` | Monarch Orange | black, 9.8 to 1 |
| 18 | `#f5ad73` | `oklch(80.32% 0.1125 58.78)` | Charming Peach | black, 11 to 1 |
| 19 | `#f9ba84` | `oklch(83.47% 0.1008 61.59)` | Baltic Amber | black, 12.3 to 1 |
| 20 | `#fbc593` | `oklch(86.00% 0.0903 63.84)` | Tuscan Wall | black, 13.5 to 1 |
| 21 | `#fccb9b` | `oklch(87.38% 0.0837 65.07)` | Apricot Sherbet | black, 14.1 to 1 |
| 22 | `#fcca9b` | `oklch(87.09% 0.0836 64.82)` | Peachy Breezes | black, 14 to 1 |
| 23 | `#f9c18f` | `oklch(84.99% 0.0915 62.81)` | Melon Melody | black, 13 to 1 |
| 24 | `#f5b27c` | `oklch(81.56% 0.1046 59.57)` | Smoked Ham | black, 11.5 to 1 |
| 25 | `#efa067` | `oklch(77.34% 0.1192 55.72)` | Monarch Orange | black, 9.9 to 1 |
| 26 | `#e88e54` | `oklch(72.85% 0.1317 51.92)` | Big Foot Feet | black, 8.3 to 1 |
| 27 | `#dd7d46` | `oklch(68.60% 0.1384 48.79)` | Jaffa | black, 7.1 to 1 |
| 28 | `#cf6d3b` | `oklch(63.86% 0.1393 45.93)` | Hot Caramel | black, 5.8 to 1 |
| 29 | `#bd5c31` | `oklch(58.57% 0.1367 43.07)` | Smoke Tree | black, 4.7 to 1 |
| 30 | `#aa4d29` | `oklch(53.35% 0.1324 40.42)` | Rose of Sharon | white, 5.5 to 1 |
| 31 | `#9a4023` | `oklch(48.84% 0.1280 38.18)` | Fluorescent Fire | white, 6.6 to 1 |
| 32 | `#8f371e` | `oklch(45.67% 0.1254 36.57)` | Red Prairie | white, 7.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #3a1712 0.000% 3.125%, #411a13 3.125% 6.250%, #4c1d15 6.250% 9.375%, #5a2117 9.375% 12.500%, #68261a 12.500% 15.625%, #762b1c 15.625% 18.750%, #84311f 18.750% 21.875%, #933822 21.875% 25.000%, #a23f25 25.000% 28.125%, #b14729 28.125% 31.250%, #bf512e 31.250% 34.375%, #ca5d33 34.375% 37.500%, #d46a3a 37.500% 40.625%, #dd7843 40.625% 43.750%, #e4864d 43.750% 46.875%, #eb9358 46.875% 50.000%, #f09f63 50.000% 53.125%, #f5ad73 53.125% 56.250%, #f9ba84 56.250% 59.375%, #fbc593 59.375% 62.500%, #fccb9b 62.500% 65.625%, #fcca9b 65.625% 68.750%, #f9c18f 68.750% 71.875%, #f5b27c 71.875% 75.000%, #efa067 75.000% 78.125%, #e88e54 78.125% 81.250%, #dd7d46 81.250% 84.375%, #cf6d3b 84.375% 87.500%, #bd5c31 87.500% 90.625%, #aa4d29 90.625% 93.750%, #9a4023 93.750% 96.875%, #8f371e 96.875% 100.000%);
background: linear-gradient(135deg, oklch(25.59% 0.0565 30.23) 0.000% 3.125%, oklch(27.44% 0.0637 30.62) 3.125% 6.250%, oklch(30.01% 0.0740 31.13) 6.250% 9.375%, oklch(33.05% 0.0859 31.76) 9.375% 12.500%, oklch(36.34% 0.0980 32.48) 12.500% 15.625%, oklch(39.63% 0.1087 33.27) 15.625% 18.750%, oklch(42.89% 0.1182 34.02) 18.750% 21.875%, oklch(46.35% 0.1280 34.69) 21.875% 25.000%, oklch(49.94% 0.1372 35.47) 25.000% 28.125%, oklch(53.56% 0.1447 36.52) 28.125% 31.250%, oklch(57.11% 0.1494 38.05) 31.250% 34.375%, oklch(60.58% 0.1504 40.25) 34.375% 37.500%, oklch(64.11% 0.1481 43.21) 37.500% 40.625%, oklch(67.61% 0.1433 46.57) 40.625% 43.750%, oklch(70.99% 0.1370 50.01) 43.750% 46.875%, oklch(74.14% 0.1301 53.17) 46.875% 50.000%, oklch(77.08% 0.1229 55.88) 50.000% 53.125%, oklch(80.32% 0.1125 58.78) 53.125% 56.250%, oklch(83.47% 0.1008 61.59) 56.250% 59.375%, oklch(86.00% 0.0903 63.84) 59.375% 62.500%, oklch(87.38% 0.0837 65.07) 62.500% 65.625%, oklch(87.09% 0.0836 64.82) 65.625% 68.750%, oklch(84.99% 0.0915 62.81) 68.750% 71.875%, oklch(81.56% 0.1046 59.57) 71.875% 75.000%, oklch(77.34% 0.1192 55.72) 75.000% 78.125%, oklch(72.85% 0.1317 51.92) 78.125% 81.250%, oklch(68.60% 0.1384 48.79) 81.250% 84.375%, oklch(63.86% 0.1393 45.93) 84.375% 87.500%, oklch(58.57% 0.1367 43.07) 87.500% 90.625%, oklch(53.35% 0.1324 40.42) 90.625% 93.750%, oklch(48.84% 0.1280 38.18) 93.750% 96.875%, oklch(45.67% 0.1254 36.57) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.256 | 0.056 | 30.2 |
| 2 | 0.402 | 0.11 | 33.4 |
| 3 | 0.583 | 0.15 | 38.7 |
| 4 | 0.756 | 0.127 | 54.5 |
| 5 | 0.874 | 0.083 | 65.1 |
| 6 | 0.693 | 0.138 | 49.3 |
| 7 | 0.457 | 0.125 | 36.6 |

## In these collections

- [Copper](https://grabient.com/copper)
- [Metallic gradients](https://grabient.com/metallic-gradients)

## Other forms

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