# Analogous beige, orange and salmon linear gradient

Analogous beige, orange and salmon linear gradient with 32 colors: #ede3c9, #eee2c4, #efe1bd, #f2e0b4, #f4deaa, #f7dba0, #fad896, #fcd58c, #fed284, #ffce7d, #ffc978, #ffc573, #ffc06f, #ffbb6a, #ffb665, #ffb162, #ffac5e, #ffa75c, #ffa259, #ff9c57, #ff9756, #ff9154, #ff8c54, #ff8653, #fe8255, #fc7d57, #f9785a, #f7745d, #f47060, #f26c62, #ef6a65, #ee6866. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW6RpA8Ka-2ewvdeur11ry9o`
- Page: https://grabient.com/kW6RpA8Ka-2ewvdeur11ry9o?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: vivid, light, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.4 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 | `#ede3c9` | `oklch(91.73% 0.0358 90.70)` | Wedding Cake | black, 16.4 to 1 |
| 2 | `#eee2c4` | `oklch(91.51% 0.0418 90.00)` | Blonde Curl | black, 16.3 to 1 |
| 3 | `#efe1bd` | `oklch(91.24% 0.0500 89.13)` | Satin Souffle | black, 16.2 to 1 |
| 4 | `#f2e0b4` | `oklch(90.92% 0.0599 88.10)` | Calla | black, 16 to 1 |
| 5 | `#f4deaa` | `oklch(90.55% 0.0706 86.91)` | Dumpling | black, 15.8 to 1 |
| 6 | `#f7dba0` | `oklch(90.12% 0.0815 85.58)` | Clay Dust | black, 15.6 to 1 |
| 7 | `#fad896` | `oklch(89.62% 0.0917 84.10)` | Sun Splashed | black, 15.3 to 1 |
| 8 | `#fcd58c` | `oklch(89.06% 0.1007 82.49)` | Orange Chalk | black, 15 to 1 |
| 9 | `#fed284` | `oklch(88.41% 0.1076 80.74)` | Bread and Butter | black, 14.7 to 1 |
| 10 | `#ffce7d` | `oklch(87.66% 0.1130 78.81)` | Apricot Glow | black, 14.3 to 1 |
| 11 | `#ffc978` | `oklch(86.81% 0.1164 76.70)` | Mead | black, 13.9 to 1 |
| 12 | `#ffc573` | `oklch(85.89% 0.1193 74.42)` | Liquid Gold | black, 13.4 to 1 |
| 13 | `#ffc06f` | `oklch(84.92% 0.1225 72.03)` | Cinnamon Buff | black, 13 to 1 |
| 14 | `#ffbb6a` | `oklch(83.92% 0.1258 69.56)` | Desert Dessert | black, 12.5 to 1 |
| 15 | `#ffb665` | `oklch(82.93% 0.1290 67.03)` | Mango Creamsicles | black, 12.1 to 1 |
| 16 | `#ffb162` | `oklch(81.96% 0.1320 64.49)` | Burning Flame | black, 11.7 to 1 |
| 17 | `#ffac5e` | `oklch(81.04% 0.1352 61.95)` | Dreamy Sunset | black, 11.3 to 1 |
| 18 | `#ffa75c` | `oklch(80.11% 0.1383 59.31)` | Echinoidea Thorns | black, 10.9 to 1 |
| 19 | `#ffa259` | `oklch(79.18% 0.1415 56.57)` | Off-The-Leash Orange | black, 10.5 to 1 |
| 20 | `#ff9c57` | `oklch(78.25% 0.1449 53.78)` | Honey Carrot Cake | black, 10.1 to 1 |
| 21 | `#ff9756` | `oklch(77.32% 0.1485 50.97)` | Encounter | black, 9.8 to 1 |
| 22 | `#ff9154` | `oklch(76.41% 0.1525 48.17)` | Boredom Buster | black, 9.4 to 1 |
| 23 | `#ff8c54` | `oklch(75.51% 0.1567 45.42)` | Paradise Bird | black, 9.1 to 1 |
| 24 | `#ff8653` | `oklch(74.63% 0.1607 42.74)` | Poached Rainbow Trout | black, 8.7 to 1 |
| 25 | `#fe8255` | `oklch(73.74% 0.1626 40.09)` | Ballet Cream | black, 8.4 to 1 |
| 26 | `#fc7d57` | `oklch(72.81% 0.1641 37.28)` | Rinsed-Out Red | black, 8.1 to 1 |
| 27 | `#f9785a` | `oklch(71.86% 0.1650 34.41)` | Adventure Island Pink | black, 7.8 to 1 |
| 28 | `#f7745d` | `oklch(70.93% 0.1656 31.60)` | Peach Echo | black, 7.5 to 1 |
| 29 | `#f47060` | `oklch(70.05% 0.1660 28.95)` | Mild Heart Attack | black, 7.3 to 1 |
| 30 | `#f26c62` | `oklch(69.27% 0.1662 26.58)` | Sriracha | black, 7.1 to 1 |
| 31 | `#ef6a65` | `oklch(68.61% 0.1665 24.58)` | Coral Commander | black, 6.9 to 1 |
| 32 | `#ee6866` | `oklch(68.11% 0.1667 23.07)` | Coral Commander | black, 6.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ede3c9 0.0%, #eee2c4 3.2%, #efe1bd 6.5%, #f2e0b4 9.7%, #f4deaa 12.9%, #f7dba0 16.1%, #fad896 19.4%, #fcd58c 22.6%, #fed284 25.8%, #ffce7d 29.0%, #ffc978 32.3%, #ffc573 35.5%, #ffc06f 38.7%, #ffbb6a 41.9%, #ffb665 45.2%, #ffb162 48.4%, #ffac5e 51.6%, #ffa75c 54.8%, #ffa259 58.1%, #ff9c57 61.3%, #ff9756 64.5%, #ff9154 67.7%, #ff8c54 71.0%, #ff8653 74.2%, #fe8255 77.4%, #fc7d57 80.6%, #f9785a 83.9%, #f7745d 87.1%, #f47060 90.3%, #f26c62 93.5%, #ef6a65 96.8%, #ee6866 100.0%);
background: linear-gradient(90deg in oklch, oklch(91.73% 0.0358 90.70) 0.0%, oklch(91.51% 0.0418 90.00) 3.2%, oklch(91.24% 0.0500 89.13) 6.5%, oklch(90.92% 0.0599 88.10) 9.7%, oklch(90.55% 0.0706 86.91) 12.9%, oklch(90.12% 0.0815 85.58) 16.1%, oklch(89.62% 0.0917 84.10) 19.4%, oklch(89.06% 0.1007 82.49) 22.6%, oklch(88.41% 0.1076 80.74) 25.8%, oklch(87.66% 0.1130 78.81) 29.0%, oklch(86.81% 0.1164 76.70) 32.3%, oklch(85.89% 0.1193 74.42) 35.5%, oklch(84.92% 0.1225 72.03) 38.7%, oklch(83.92% 0.1258 69.56) 41.9%, oklch(82.93% 0.1290 67.03) 45.2%, oklch(81.96% 0.1320 64.49) 48.4%, oklch(81.04% 0.1352 61.95) 51.6%, oklch(80.11% 0.1383 59.31) 54.8%, oklch(79.18% 0.1415 56.57) 58.1%, oklch(78.25% 0.1449 53.78) 61.3%, oklch(77.32% 0.1485 50.97) 64.5%, oklch(76.41% 0.1525 48.17) 67.7%, oklch(75.51% 0.1567 45.42) 71.0%, oklch(74.63% 0.1607 42.74) 74.2%, oklch(73.74% 0.1626 40.09) 77.4%, oklch(72.81% 0.1641 37.28) 80.6%, oklch(71.86% 0.1650 34.41) 83.9%, oklch(70.93% 0.1656 31.60) 87.1%, oklch(70.05% 0.1660 28.95) 90.3%, oklch(69.27% 0.1662 26.58) 93.5%, oklch(68.61% 0.1665 24.58) 96.8%, oklch(68.11% 0.1667 23.07) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.917 | 0.036 | 90.7 |
| 2 | 0.886 | 0.106 | 81.2 |
| 3 | 0.815 | 0.134 | 63.2 |
| 4 | 0.744 | 0.161 | 42.1 |
| 5 | 0.681 | 0.167 | 23.1 |

## In these collections

- [Sunrise gradients](https://grabient.com/sunrise-gradients)

## Other forms

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