# Soft orange olive rings

Vivid peach, green and orange linear gradient with 32 colors: #ffac7f, #ffaa7c, #ffa778, #ffa474, #ffa170, #ff9d6b, #ff9964, #ff945c, #fe9152, #fb8f47, #f78f39, #f09026, #e49400, #d29b00, #bda100, #a5a71f, #8aab3e, #6fae56, #57ae68, #43ae74, #37ad7a, #35ac78, #40ab6f, #54a95e, #6ea646, #8aa01f, #a49800, #b98f00, #cc8500, #df7900, #ec6e21, #f1693a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid peach, green and orange linear gradient
- Seed: `kUz1MjXrnA9SvTDWwTFg`
- Page: https://grabient.com/kUz1MjXrnA9SvTDWwTFg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 1.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 | `#ffac7f` | `oklch(81.50% 0.1144 49.22)` | Larch Bolete | black, 11.4 to 1 |
| 2 | `#ffaa7c` | `oklch(81.09% 0.1172 49.30)` | Larch Bolete | black, 11.2 to 1 |
| 3 | `#ffa778` | `oklch(80.58% 0.1212 48.89)` | Peachy | black, 11 to 1 |
| 4 | `#ffa474` | `oklch(79.98% 0.1252 48.21)` | Young Tangerine | black, 10.8 to 1 |
| 5 | `#ffa170` | `oklch(79.30% 0.1295 47.51)` | Day at the Zoo | black, 10.5 to 1 |
| 6 | `#ff9d6b` | `oklch(78.57% 0.1346 47.02)` | Fresh Cantaloupe | black, 10.2 to 1 |
| 7 | `#ff9964` | `oklch(77.80% 0.1404 46.98)` | Atomic Tangerine | black, 9.9 to 1 |
| 8 | `#ff945c` | `oklch(77.00% 0.1472 47.61)` | Rainbow Trout | black, 9.6 to 1 |
| 9 | `#fe9152` | `oklch(76.20% 0.1526 49.16)` | Boredom Buster | black, 9.3 to 1 |
| 10 | `#fb8f47` | `oklch(75.41% 0.1560 51.87)` | Orangish | black, 9.1 to 1 |
| 11 | `#f78f39` | `oklch(74.65% 0.1581 55.96)` | Fire Flower | black, 8.9 to 1 |
| 12 | `#f09026` | `oklch(73.91% 0.1585 62.11)` | Carrot Orange | black, 8.7 to 1 |
| 13 | `#e49400` | `oklch(73.08% 0.1570 71.43)` | Beige Red | black, 8.5 to 1 |
| 14 | `#d29b00` | `oklch(72.20% 0.1484 83.22)` | Leopard | black, 8.4 to 1 |
| 15 | `#bda100` | `oklch(71.29% 0.1468 96.58)` | Snakebite Leather | black, 8.2 to 1 |
| 16 | `#a5a71f` | `oklch(70.38% 0.1460 110.63)` | Jīn Sè Gold | black, 8.1 to 1 |
| 17 | `#8aab3e` | `oklch(69.49% 0.1413 124.50)` | Beautiful Mint | black, 7.9 to 1 |
| 18 | `#6fae56` | `oklch(68.66% 0.1370 137.32)` | Lost Golfer | black, 7.8 to 1 |
| 19 | `#57ae68` | `oklch(67.92% 0.1332 148.22)` | Algae | black, 7.6 to 1 |
| 20 | `#43ae74` | `oklch(67.28% 0.1305 156.32)` | Link’s Awakening | black, 7.5 to 1 |
| 21 | `#37ad7a` | `oklch(66.78% 0.1293 160.75)` | Jubilant Jade | black, 7.3 to 1 |
| 22 | `#35ac78` | `oklch(66.44% 0.1300 160.63)` | Beanstalk | black, 7.2 to 1 |
| 23 | `#40ab6f` | `oklch(66.29% 0.1324 155.60)` | Glen | black, 7.2 to 1 |
| 24 | `#54a95e` | `oklch(66.28% 0.1364 146.44)` | Exploration Green | black, 7.2 to 1 |
| 25 | `#6ea646` | `oklch(66.40% 0.1415 134.11)` | Fern Flash | black, 7.1 to 1 |
| 26 | `#8aa01f` | `oklch(66.61% 0.1473 119.56)` | Noxious | black, 7.1 to 1 |
| 27 | `#a49800` | `oklch(66.88% 0.1411 103.72)` | Nuclear Fallout | black, 7 to 1 |
| 28 | `#b98f00` | `oklch(67.18% 0.1374 87.56)` | Moutarde de Bénichon | black, 7 to 1 |
| 29 | `#cc8500` | `oklch(67.49% 0.1445 72.02)` | Lobster Butter Sauce | black, 6.9 to 1 |
| 30 | `#df7900` | `oklch(67.76% 0.1621 58.06)` | Pumpkin Soup | black, 6.8 to 1 |
| 31 | `#ec6e21` | `oklch(67.98% 0.1760 46.63)` | Epicurean Orange | black, 6.8 to 1 |
| 32 | `#f1693a` | `oklch(68.11% 0.1791 38.65)` | Opulent Orange | black, 6.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #ffac7f 0.0%, #ffaa7c 3.2%, #ffa778 6.5%, #ffa474 9.7%, #ffa170 12.9%, #ff9d6b 16.1%, #ff9964 19.4%, #ff945c 22.6%, #fe9152 25.8%, #fb8f47 29.0%, #f78f39 32.3%, #f09026 35.5%, #e49400 38.7%, #d29b00 41.9%, #bda100 45.2%, #a5a71f 48.4%, #8aab3e 51.6%, #6fae56 54.8%, #57ae68 58.1%, #43ae74 61.3%, #37ad7a 64.5%, #35ac78 67.7%, #40ab6f 71.0%, #54a95e 74.2%, #6ea646 77.4%, #8aa01f 80.6%, #a49800 83.9%, #b98f00 87.1%, #cc8500 90.3%, #df7900 93.5%, #ec6e21 96.8%, #f1693a 100.0%);
background: linear-gradient(135deg in oklch, oklch(81.50% 0.1144 49.22) 0.0%, oklch(81.09% 0.1172 49.30) 3.2%, oklch(80.58% 0.1212 48.89) 6.5%, oklch(79.98% 0.1252 48.21) 9.7%, oklch(79.30% 0.1295 47.51) 12.9%, oklch(78.57% 0.1346 47.02) 16.1%, oklch(77.80% 0.1404 46.98) 19.4%, oklch(77.00% 0.1472 47.61) 22.6%, oklch(76.20% 0.1526 49.16) 25.8%, oklch(75.41% 0.1560 51.87) 29.0%, oklch(74.65% 0.1581 55.96) 32.3%, oklch(73.91% 0.1585 62.11) 35.5%, oklch(73.08% 0.1570 71.43) 38.7%, oklch(72.20% 0.1484 83.22) 41.9%, oklch(71.29% 0.1468 96.58) 45.2%, oklch(70.38% 0.1460 110.63) 48.4%, oklch(69.49% 0.1413 124.50) 51.6%, oklch(68.66% 0.1370 137.32) 54.8%, oklch(67.92% 0.1332 148.22) 58.1%, oklch(67.28% 0.1305 156.32) 61.3%, oklch(66.78% 0.1293 160.75) 64.5%, oklch(66.44% 0.1300 160.63) 67.7%, oklch(66.29% 0.1324 155.60) 71.0%, oklch(66.28% 0.1364 146.44) 74.2%, oklch(66.40% 0.1415 134.11) 77.4%, oklch(66.61% 0.1473 119.56) 80.6%, oklch(66.88% 0.1411 103.72) 83.9%, oklch(67.18% 0.1374 87.56) 87.1%, oklch(67.49% 0.1445 72.02) 90.3%, oklch(67.76% 0.1621 58.06) 93.5%, oklch(67.98% 0.1760 46.63) 96.8%, oklch(68.11% 0.1791 38.65) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.815 | 0.114 | 49.2 |
| 2 | 0.744 | 0.158 | 57.7 |
| 3 | 0.665 | 0.13 | 161.2 |
| 4 | 0.681 | 0.179 | 38.7 |

## In these collections

- [Teal and orange](https://grabient.com/teal-and-orange)

## Other forms

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