# Pastel tritone orange, beige and blue linear gradient

Pastel tritone orange, beige and blue linear gradient with 32 colors: #e38537, #e78b3b, #ee9342, #f59d49, #fba750, #ffb158, #ffbb64, #ffc46c, #ffcc70, #ffd373, #fedb7a, #fee282, #fdea89, #fdf190, #fdf797, #fdfc9e, #fdffad, #feffc0, #fffec8, #fffdd1, #fffecd, #fcffc7, #f6ffd1, #f0ffd8, #eaffdd, #e3ffe1, #dcffe5, #d3ffe8, #c9ffed, #bdfff4, #b0fffb, #affdff. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kas2ooaLLBXMsQr8KcIfRq_3sSRR4HsVg`
- Page: https://grabient.com/kas2ooaLLBXMsQr8KcIfRq_3sSRR4HsVg?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: pastel, light, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.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 | `#e38537` | `oklch(70.47% 0.1461 56.25)` | West Side | black, 7.6 to 1 |
| 2 | `#e78b3b` | `oklch(72.07% 0.1453 57.59)` | California | black, 8.1 to 1 |
| 3 | `#ee9342` | `oklch(74.35% 0.1444 59.37)` | Physalis | black, 8.8 to 1 |
| 4 | `#f59d49` | `oklch(76.98% 0.1432 61.58)` | Sunshade | black, 9.7 to 1 |
| 5 | `#fba750` | `oklch(79.62% 0.1416 64.23)` | Gemini Mustard Momento | black, 10.7 to 1 |
| 6 | `#ffb158` | `oklch(81.95% 0.1381 67.32)` | Duckling | black, 11.7 to 1 |
| 7 | `#ffbb64` | `oklch(83.83% 0.1299 71.03)` | Crispy Samosa | black, 12.5 to 1 |
| 8 | `#ffc46c` | `oklch(85.53% 0.1255 75.49)` | Roasted Sesame | black, 13.3 to 1 |
| 9 | `#ffcc70` | `oklch(87.09% 0.1241 80.34)` | Grandis | black, 14 to 1 |
| 10 | `#ffd373` | `oklch(88.59% 0.1249 85.22)` | Cantaloupe | black, 14.8 to 1 |
| 11 | `#fedb7a` | `oklch(90.06% 0.1221 89.75)` | Sunlit | black, 15.5 to 1 |
| 12 | `#fee282` | `oklch(91.57% 0.1201 93.84)` | June Day | black, 16.3 to 1 |
| 13 | `#fdea89` | `oklch(93.15% 0.1194 97.98)` | Quack Quack | black, 17.2 to 1 |
| 14 | `#fdf190` | `oklch(94.69% 0.1193 101.94)` | The First Daffodil | black, 18.1 to 1 |
| 15 | `#fdf797` | `oklch(96.08% 0.1186 105.42)` | Spaghetti | black, 18.9 to 1 |
| 16 | `#fdfc9e` | `oklch(97.21% 0.1164 108.12)` | Walking on Sunshine | black, 19.6 to 1 |
| 17 | `#fdffad` | `oklch(97.97% 0.1028 109.54)` | Ginger Lemon Tea | black, 20 to 1 |
| 18 | `#feffc0` | `oklch(98.40% 0.0804 108.84)` | Sour Veil | black, 20.2 to 1 |
| 19 | `#fffec8` | `oklch(98.57% 0.0693 107.13)` | Golden Wash | black, 20.3 to 1 |
| 20 | `#fffdd1` | `oklch(98.57% 0.0568 105.77)` | Yellow Urn Orchid | black, 20.2 to 1 |
| 21 | `#fffecd` | `oklch(98.48% 0.0630 106.14)` | Ice Yellow | black, 20.2 to 1 |
| 22 | `#fcffc7` | `oklch(98.39% 0.0709 109.57)` | Golden Wash | black, 20.2 to 1 |
| 23 | `#f6ffd1` | `oklch(98.20% 0.0606 115.97)` | Morrow White | black, 20.1 to 1 |
| 24 | `#f0ffd8` | `oklch(97.92% 0.0527 124.40)` | Baby Tooth | black, 20 to 1 |
| 25 | `#eaffdd` | `oklch(97.56% 0.0495 133.94)` | Nyanza | black, 19.8 to 1 |
| 26 | `#e3ffe1` | `oklch(97.17% 0.0491 143.70)` | Frosted Plains | black, 19.6 to 1 |
| 27 | `#dcffe5` | `oklch(96.78% 0.0499 152.83)` | Frosted Plains | black, 19.4 to 1 |
| 28 | `#d3ffe8` | `oklch(96.32% 0.0541 162.57)` | Mint Coffee | black, 19.2 to 1 |
| 29 | `#c9ffed` | `oklch(95.79% 0.0600 173.02)` | Mint Coffee | black, 19 to 1 |
| 30 | `#bdfff4` | `oklch(95.26% 0.0678 183.10)` | Arabica Mint | black, 18.7 to 1 |
| 31 | `#b0fffb` | `oklch(94.81% 0.0770 191.74)` | Frostbite | black, 18.5 to 1 |
| 32 | `#affdff` | `oklch(94.49% 0.0759 197.84)` | Italian Sky Blue | black, 18.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e38537 0.0%, #e78b3b 3.2%, #ee9342 6.5%, #f59d49 9.7%, #fba750 12.9%, #ffb158 16.1%, #ffbb64 19.4%, #ffc46c 22.6%, #ffcc70 25.8%, #ffd373 29.0%, #fedb7a 32.3%, #fee282 35.5%, #fdea89 38.7%, #fdf190 41.9%, #fdf797 45.2%, #fdfc9e 48.4%, #fdffad 51.6%, #feffc0 54.8%, #fffec8 58.1%, #fffdd1 61.3%, #fffecd 64.5%, #fcffc7 67.7%, #f6ffd1 71.0%, #f0ffd8 74.2%, #eaffdd 77.4%, #e3ffe1 80.6%, #dcffe5 83.9%, #d3ffe8 87.1%, #c9ffed 90.3%, #bdfff4 93.5%, #b0fffb 96.8%, #affdff 100.0%);
background: linear-gradient(90deg in oklch, oklch(70.47% 0.1461 56.25) 0.0%, oklch(72.07% 0.1453 57.59) 3.2%, oklch(74.35% 0.1444 59.37) 6.5%, oklch(76.98% 0.1432 61.58) 9.7%, oklch(79.62% 0.1416 64.23) 12.9%, oklch(81.95% 0.1381 67.32) 16.1%, oklch(83.83% 0.1299 71.03) 19.4%, oklch(85.53% 0.1255 75.49) 22.6%, oklch(87.09% 0.1241 80.34) 25.8%, oklch(88.59% 0.1249 85.22) 29.0%, oklch(90.06% 0.1221 89.75) 32.3%, oklch(91.57% 0.1201 93.84) 35.5%, oklch(93.15% 0.1194 97.98) 38.7%, oklch(94.69% 0.1193 101.94) 41.9%, oklch(96.08% 0.1186 105.42) 45.2%, oklch(97.21% 0.1164 108.12) 48.4%, oklch(97.97% 0.1028 109.54) 51.6%, oklch(98.40% 0.0804 108.84) 54.8%, oklch(98.57% 0.0693 107.13) 58.1%, oklch(98.57% 0.0568 105.77) 61.3%, oklch(98.48% 0.0630 106.14) 64.5%, oklch(98.39% 0.0709 109.57) 67.7%, oklch(98.20% 0.0606 115.97) 71.0%, oklch(97.92% 0.0527 124.40) 74.2%, oklch(97.56% 0.0495 133.94) 77.4%, oklch(97.17% 0.0491 143.70) 80.6%, oklch(96.78% 0.0499 152.83) 83.9%, oklch(96.32% 0.0541 162.57) 87.1%, oklch(95.79% 0.0600 173.02) 90.3%, oklch(95.26% 0.0678 183.10) 93.5%, oklch(94.81% 0.0770 191.74) 96.8%, oklch(94.49% 0.0759 197.84) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.705 | 0.146 | 56.3 |
| 2 | 0.823 | 0.139 | 67.9 |
| 3 | 0.906 | 0.121 | 91.1 |
| 4 | 0.976 | 0.114 | 109.1 |
| 5 | 0.984 | 0.073 | 108 |
| 6 | 0.969 | 0.05 | 151.4 |
| 7 | 0.945 | 0.084 | 197.9 |

## In these collections

- [Spring gradients](https://grabient.com/spring-gradients)
- [Golden pollen](https://grabient.com/golden-pollen)

## Other forms

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