# Vivid peach, teal, orange and salmon linear gradient

Vivid peach, teal, orange and salmon linear gradient with 32 colors: #f3a25d, #e6a751, #d0af4b, #afb758, #87bc72, #61bd8d, #43baa2, #30b6ac, #23b3ab, #19b09b, #34ac7a, #62a249, #8e9200, #aa8000, #c16e00, #d65b14, #dc5a3c, #e36555, #ed766c, #f78a7f, #ff9e90, #ffb29f, #ffbfa6, #fbc2a1, #e9bf97, #cbb485, #a4a375, #788e68, #4e775f, #2b6057, #124c4f, #053e49. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWxl0q2KlPU8-LhsnEHKpTS4`
- Page: https://grabient.com/kWxl0q2KlPU8-LhsnEHKpTS4?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 7.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 | `#f3a25d` | `oklch(77.95% 0.1281 59.77)` | Sandy Brown | black, 10.1 to 1 |
| 2 | `#e6a751` | `oklch(77.28% 0.1264 72.21)` | Zucchini Flower | black, 10 to 1 |
| 3 | `#d0af4b` | `oklch(76.39% 0.1235 91.02)` | Haystack | black, 9.9 to 1 |
| 4 | `#afb758` | `oklch(75.32% 0.1200 113.54)` | Gooseberry Fool | black, 9.7 to 1 |
| 5 | `#87bc72` | `oklch(74.13% 0.1165 137.12)` | Laudable Lime | black, 9.5 to 1 |
| 6 | `#61bd8d` | `oklch(72.90% 0.1136 159.10)` | Techno Turquoise | black, 9.1 to 1 |
| 7 | `#43baa2` | `oklch(71.66% 0.1118 176.85)` | Jolt of Jade | black, 8.8 to 1 |
| 8 | `#30b6ac` | `oklch(70.49% 0.1116 187.71)` | Message Green | black, 8.4 to 1 |
| 9 | `#23b3ab` | `oklch(69.42% 0.1138 189.03)` | Glass Jar Blue | black, 8 to 1 |
| 10 | `#19b09b` | `oklch(68.10% 0.1198 179.50)` | Pool Green | black, 7.7 to 1 |
| 11 | `#34ac7a` | `oklch(66.54% 0.1290 161.43)` | Beanstalk | black, 7.3 to 1 |
| 12 | `#62a249` | `oklch(64.92% 0.1398 137.72)` | Zatar Leaf | black, 6.8 to 1 |
| 13 | `#8e9200` | `oklch(63.45% 0.1397 111.26)` | Old Asparagus | black, 6.2 to 1 |
| 14 | `#aa8000` | `oklch(62.32% 0.1277 84.91)` | Murder Mustard | black, 5.7 to 1 |
| 15 | `#c16e00` | `oklch(61.71% 0.1425 61.59)` | Thai Curry | black, 5.4 to 1 |
| 16 | `#d65b14` | `oklch(61.82% 0.1713 44.21)` | Exuberance | black, 5.3 to 1 |
| 17 | `#dc5a3c` | `oklch(62.98% 0.1690 34.66)` | Inferno | black, 5.5 to 1 |
| 18 | `#e36555` | `oklch(65.90% 0.1612 29.00)` | Flamingo | black, 6.2 to 1 |
| 19 | `#ed766c` | `oklch(70.08% 0.1493 26.28)` | Debutante | black, 7.3 to 1 |
| 20 | `#f78a7f` | `oklch(74.81% 0.1348 26.35)` | Hot Calypso | black, 8.8 to 1 |
| 21 | `#ff9e90` | `oklch(79.44% 0.1186 29.08)` | Peach Amber | black, 10.5 to 1 |
| 22 | `#ffb29f` | `oklch(83.27% 0.0942 34.30)` | Buttery Salmon | black, 12.1 to 1 |
| 23 | `#ffbfa6` | `oklch(85.62% 0.0819 41.89)` | Sweet Apricot | black, 13.2 to 1 |
| 24 | `#fbc2a1` | `oklch(85.80% 0.0792 51.70)` | Coral Gable | black, 13.3 to 1 |
| 25 | `#e9bf97` | `oklch(83.15% 0.0722 64.99)` | Pan Tostado | black, 12.3 to 1 |
| 26 | `#cbb485` | `oklch(77.76% 0.0671 84.13)` | Tweed Jacket | black, 10.3 to 1 |
| 27 | `#a4a375` | `oklch(70.43% 0.0636 107.31)` | Dill Grass | black, 8 to 1 |
| 28 | `#788e68` | `oklch(61.99% 0.0612 132.58)` | Crispy Crunch | black, 5.8 to 1 |
| 29 | `#4e775f` | `oklch(53.26% 0.0596 157.96)` | Como | white, 5 to 1 |
| 30 | `#2b6057` | `oklch(45.04% 0.0586 181.49)` | Eden | white, 7.1 to 1 |
| 31 | `#124c4f` | `oklch(38.17% 0.0576 201.19)` | Port Malmesbury | white, 9.6 to 1 |
| 32 | `#053e49` | `oklch(33.46% 0.0565 215.11)` | Ghostlands Coal | white, 11.7 to 1 |

## CSS

```css
background: linear-gradient(225deg, #f3a25d 0.0%, #e6a751 3.2%, #d0af4b 6.5%, #afb758 9.7%, #87bc72 12.9%, #61bd8d 16.1%, #43baa2 19.4%, #30b6ac 22.6%, #23b3ab 25.8%, #19b09b 29.0%, #34ac7a 32.3%, #62a249 35.5%, #8e9200 38.7%, #aa8000 41.9%, #c16e00 45.2%, #d65b14 48.4%, #dc5a3c 51.6%, #e36555 54.8%, #ed766c 58.1%, #f78a7f 61.3%, #ff9e90 64.5%, #ffb29f 67.7%, #ffbfa6 71.0%, #fbc2a1 74.2%, #e9bf97 77.4%, #cbb485 80.6%, #a4a375 83.9%, #788e68 87.1%, #4e775f 90.3%, #2b6057 93.5%, #124c4f 96.8%, #053e49 100.0%);
background: linear-gradient(225deg in oklch, oklch(77.95% 0.1281 59.77) 0.0%, oklch(77.28% 0.1264 72.21) 3.2%, oklch(76.39% 0.1235 91.02) 6.5%, oklch(75.32% 0.1200 113.54) 9.7%, oklch(74.13% 0.1165 137.12) 12.9%, oklch(72.90% 0.1136 159.10) 16.1%, oklch(71.66% 0.1118 176.85) 19.4%, oklch(70.49% 0.1116 187.71) 22.6%, oklch(69.42% 0.1138 189.03) 25.8%, oklch(68.10% 0.1198 179.50) 29.0%, oklch(66.54% 0.1290 161.43) 32.3%, oklch(64.92% 0.1398 137.72) 35.5%, oklch(63.45% 0.1397 111.26) 38.7%, oklch(62.32% 0.1277 84.91) 41.9%, oklch(61.71% 0.1425 61.59) 45.2%, oklch(61.82% 0.1713 44.21) 48.4%, oklch(62.98% 0.1690 34.66) 51.6%, oklch(65.90% 0.1612 29.00) 54.8%, oklch(70.08% 0.1493 26.28) 58.1%, oklch(74.81% 0.1348 26.35) 61.3%, oklch(79.44% 0.1186 29.08) 64.5%, oklch(83.27% 0.0942 34.30) 67.7%, oklch(85.62% 0.0819 41.89) 71.0%, oklch(85.80% 0.0792 51.70) 74.2%, oklch(83.15% 0.0722 64.99) 77.4%, oklch(77.76% 0.0671 84.13) 80.6%, oklch(70.43% 0.0636 107.31) 83.9%, oklch(61.99% 0.0612 132.58) 87.1%, oklch(53.26% 0.0596 157.96) 90.3%, oklch(45.04% 0.0586 181.49) 93.5%, oklch(38.17% 0.0576 201.19) 96.8%, oklch(33.46% 0.0565 215.11) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.78 | 0.128 | 59.8 |
| 2 | 0.697 | 0.113 | 189.7 |
| 3 | 0.622 | 0.171 | 38.6 |
| 4 | 0.854 | 0.077 | 54.5 |
| 5 | 0.335 | 0.056 | 215.1 |

## Other forms

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