# Ochre tomato vine rings

Green, salmon, gray and teal radial gradient with 64 colors: #87ba78, #8ab872, #8eb56b, #93b262, #99ae59, #9faa4e, #a5a543, #aca037, #b29a2c, #b89422, #bd8e19, #c28914, #c68414, #c97f18, #cc7b1e, #cf7727, #d37330, #d56f3a, #d76b43, #d9684c, #da6654, #da645b, #d96360, #d86263, #d66264, #d46162, #d1625d, #ce6354, #c86549, #c1683d, #b96c32, #ae702a, #a37428, #96772b, #8b7932, #807a3a, #777b41, #717a46, #6d794a, #6c774c, #6c754d, #6d724d, #6e6f4e, #6f6d4e, #6f6a4f, #6f6851, #6f6652, #6f6553, #6e6455, #6d6456, #6d6456, #6c6557, #6c6657, #6b6958, #6a6c59, #696f5b, #66735f, #617764, #5d7b6b, #587f74, #54817c, #528484, #51858b, #528691. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Green, salmon, gray and teal radial gradient
- Seed: `kYu01i1DI31C0ulGmctwIi7cqVT2`
- Page: https://grabient.com/kYu01i1DI31C0ulGmctwIi7cqVT2?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2.5 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 | `#87ba78` | `oklch(73.62% 0.1061 138.52)` | Baby Grass | black, 9.3 to 1 |
| 2 | `#8ab872` | `oklch(73.27% 0.1076 135.31)` | Prime Merchandise | black, 9.1 to 1 |
| 3 | `#8eb56b` | `oklch(72.80% 0.1096 131.25)` | Nasturtium Leaf | black, 9 to 1 |
| 4 | `#93b262` | `oklch(72.26% 0.1120 126.45)` | Asparagus Cream | black, 8.8 to 1 |
| 5 | `#99ae59` | `oklch(71.64% 0.1147 121.06)` | Asparagus Cream | black, 8.5 to 1 |
| 6 | `#9faa4e` | `oklch(70.97% 0.1176 115.21)` | Ogryn Camo | black, 8.3 to 1 |
| 7 | `#a5a543` | `oklch(70.27% 0.1206 109.04)` | Camo Green | black, 8 to 1 |
| 8 | `#aca037` | `oklch(69.55% 0.1237 102.67)` | Martian | black, 7.8 to 1 |
| 9 | `#b29a2c` | `oklch(68.84% 0.1267 96.25)` | Sahara | black, 7.5 to 1 |
| 10 | `#b89422` | `oklch(68.15% 0.1296 89.91)` | Faint Gold | black, 7.3 to 1 |
| 11 | `#bd8e19` | `oklch(67.50% 0.1323 83.79)` | Moutarde de Bénichon | black, 7 to 1 |
| 12 | `#c28914` | `oklch(66.92% 0.1347 78.01)` | Auric | black, 6.8 to 1 |
| 13 | `#c68414` | `oklch(66.40% 0.1368 72.72)` | Bubonic Brown | black, 6.6 to 1 |
| 14 | `#c97f18` | `oklch(65.99% 0.1384 67.93)` | Yamabukicha Gold | black, 6.5 to 1 |
| 15 | `#cc7b1e` | `oklch(65.66% 0.1401 62.82)` | Yamabukicha Gold | black, 6.4 to 1 |
| 16 | `#cf7727` | `oklch(65.40% 0.1418 57.32)` | Ochre | black, 6.3 to 1 |
| 17 | `#d37330` | `oklch(65.19% 0.1436 51.63)` | Mann Orange | black, 6.2 to 1 |
| 18 | `#d56f3a` | `oklch(65.03% 0.1453 45.91)` | Field Poppy | black, 6.1 to 1 |
| 19 | `#d76b43` | `oklch(64.90% 0.1467 40.37)` | Fresh Acorn | black, 6 to 1 |
| 20 | `#d9684c` | `oklch(64.78% 0.1480 35.18)` | Old Cheddar | black, 6 to 1 |
| 21 | `#da6654` | `oklch(64.65% 0.1489 30.54)` | Barely Brown | black, 5.9 to 1 |
| 22 | `#da645b` | `oklch(64.51% 0.1493 26.62)` | Salami Slice | black, 5.9 to 1 |
| 23 | `#d96360` | `oklch(64.33% 0.1493 23.61)` | Salami Slice | black, 5.8 to 1 |
| 24 | `#d86263` | `oklch(64.11% 0.1486 21.70)` | Happy Hearts | black, 5.8 to 1 |
| 25 | `#d66264` | `oklch(63.83% 0.1473 21.07)` | Happy Hearts | black, 5.7 to 1 |
| 26 | `#d46162` | `oklch(63.47% 0.1452 21.91)` | Happy Hearts | black, 5.7 to 1 |
| 27 | `#d1625d` | `oklch(63.02% 0.1422 24.67)` | Desert Coral | black, 5.6 to 1 |
| 28 | `#ce6354` | `oklch(62.50% 0.1381 29.75)` | Japanese Kimono | black, 5.5 to 1 |
| 29 | `#c86549` | `oklch(61.92% 0.1331 36.74)` | Enshūcha Red | black, 5.4 to 1 |
| 30 | `#c1683d` | `oklch(61.29% 0.1273 45.24)` | Clay Pot | black, 5.3 to 1 |
| 31 | `#b96c32` | `oklch(60.62% 0.1210 54.82)` | Brown Alpaca | black, 5.2 to 1 |
| 32 | `#ae702a` | `oklch(59.92% 0.1143 65.05)` | Deer Leather | black, 5.1 to 1 |
| 33 | `#a37428` | `oklch(59.22% 0.1073 75.53)` | Hot Toddy | black, 5 to 1 |
| 34 | `#96772b` | `oklch(58.51% 0.1003 85.83)` | Fernweh | black, 4.9 to 1 |
| 35 | `#8b7932` | `oklch(57.82% 0.0933 95.52)` | Baikō Brown | black, 4.8 to 1 |
| 36 | `#807a3a` | `oklch(57.15% 0.0865 104.20)` | Evening Green | black, 4.7 to 1 |
| 37 | `#777b41` | `oklch(56.52% 0.0802 111.44)` | Plant Green | black, 4.6 to 1 |
| 38 | `#717a46` | `oklch(55.93% 0.0744 116.81)` | Quartz Green | white, 4.5 to 1 |
| 39 | `#6d794a` | `oklch(55.41% 0.0693 119.91)` | Mint Leaves | white, 4.6 to 1 |
| 40 | `#6c774c` | `oklch(54.89% 0.0644 120.45)` | Ranger Station | white, 4.7 to 1 |
| 41 | `#6c754d` | `oklch(54.34% 0.0594 118.77)` | Ranger Station | white, 4.9 to 1 |
| 42 | `#6d724d` | `oklch(53.79% 0.0545 115.32)` | Gratefully Grass | white, 5 to 1 |
| 43 | `#6e6f4e` | `oklch(53.24% 0.0496 110.57)` | Outdoor Oasis | white, 5.1 to 1 |
| 44 | `#6f6d4e` | `oklch(52.71% 0.0449 104.96)` | Capulet Olive | white, 5.3 to 1 |
| 45 | `#6f6a4f` | `oklch(52.21% 0.0405 98.96)` | Spruce Woods | white, 5.4 to 1 |
| 46 | `#6f6851` | `oklch(51.77% 0.0364 93.02)` | Crocodile | white, 5.5 to 1 |
| 47 | `#6f6652` | `oklch(51.38% 0.0327 87.60)` | Bronze Fig | white, 5.6 to 1 |
| 48 | `#6f6553` | `oklch(51.07% 0.0295 83.15)` | Bronze Fig | white, 5.7 to 1 |
| 49 | `#6e6455` | `oklch(50.85% 0.0269 80.13)` | Never Cry Wolf | white, 5.7 to 1 |
| 50 | `#6d6456` | `oklch(50.74% 0.0249 79.00)` | Never Cry Wolf | white, 5.8 to 1 |
| 51 | `#6d6456` | `oklch(50.75% 0.0237 80.21)` | Never Cry Wolf | white, 5.8 to 1 |
| 52 | `#6c6557` | `oklch(50.90% 0.0233 84.18)` | Shaker Grey | white, 5.7 to 1 |
| 53 | `#6c6657` | `oklch(51.23% 0.0241 90.83)` | Shaker Grey | white, 5.6 to 1 |
| 54 | `#6b6958` | `oklch(51.73% 0.0258 99.72)` | Aged Jade | white, 5.5 to 1 |
| 55 | `#6a6c59` | `oklch(52.35% 0.0283 110.39)` | All About Olive | white, 5.3 to 1 |
| 56 | `#696f5b` | `oklch(53.07% 0.0315 122.39)` | Laurel Garland | white, 5.2 to 1 |
| 57 | `#66735f` | `oklch(53.85% 0.0350 135.28)` | Bean Counter | white, 5 to 1 |
| 58 | `#617764` | `oklch(54.68% 0.0389 148.61)` | Swanndri | white, 4.8 to 1 |
| 59 | `#5d7b6b` | `oklch(55.51% 0.0428 161.92)` | Stone Cypress Green | white, 4.6 to 1 |
| 60 | `#587f74` | `oklch(56.31% 0.0467 174.76)` | Trellis Vine | black, 4.6 to 1 |
| 61 | `#54817c` | `oklch(57.06% 0.0503 186.69)` | Nickel Ore Green | black, 4.8 to 1 |
| 62 | `#528484` | `oklch(57.72% 0.0535 197.26)` | Rainier Blue | black, 4.9 to 1 |
| 63 | `#51858b` | `oklch(58.26% 0.0561 206.01)` | Flounce | black, 5 to 1 |
| 64 | `#528691` | `oklch(58.66% 0.0579 212.49)` | Night Masque | black, 5.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #87ba78 0.0%, #8ab872 1.6%, #8eb56b 3.2%, #93b262 4.8%, #99ae59 6.3%, #9faa4e 7.9%, #a5a543 9.5%, #aca037 11.1%, #b29a2c 12.7%, #b89422 14.3%, #bd8e19 15.9%, #c28914 17.5%, #c68414 19.0%, #c97f18 20.6%, #cc7b1e 22.2%, #cf7727 23.8%, #d37330 25.4%, #d56f3a 27.0%, #d76b43 28.6%, #d9684c 30.2%, #da6654 31.7%, #da645b 33.3%, #d96360 34.9%, #d86263 36.5%, #d66264 38.1%, #d46162 39.7%, #d1625d 41.3%, #ce6354 42.9%, #c86549 44.4%, #c1683d 46.0%, #b96c32 47.6%, #ae702a 49.2%, #a37428 50.8%, #96772b 52.4%, #8b7932 54.0%, #807a3a 55.6%, #777b41 57.1%, #717a46 58.7%, #6d794a 60.3%, #6c774c 61.9%, #6c754d 63.5%, #6d724d 65.1%, #6e6f4e 66.7%, #6f6d4e 68.3%, #6f6a4f 69.8%, #6f6851 71.4%, #6f6652 73.0%, #6f6553 74.6%, #6e6455 76.2%, #6d6456 77.8%, #6d6456 79.4%, #6c6557 81.0%, #6c6657 82.5%, #6b6958 84.1%, #6a6c59 85.7%, #696f5b 87.3%, #66735f 88.9%, #617764 90.5%, #5d7b6b 92.1%, #587f74 93.7%, #54817c 95.2%, #528484 96.8%, #51858b 98.4%, #528691 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(73.62% 0.1061 138.52) 0.0%, oklch(73.27% 0.1076 135.31) 1.6%, oklch(72.80% 0.1096 131.25) 3.2%, oklch(72.26% 0.1120 126.45) 4.8%, oklch(71.64% 0.1147 121.06) 6.3%, oklch(70.97% 0.1176 115.21) 7.9%, oklch(70.27% 0.1206 109.04) 9.5%, oklch(69.55% 0.1237 102.67) 11.1%, oklch(68.84% 0.1267 96.25) 12.7%, oklch(68.15% 0.1296 89.91) 14.3%, oklch(67.50% 0.1323 83.79) 15.9%, oklch(66.92% 0.1347 78.01) 17.5%, oklch(66.40% 0.1368 72.72) 19.0%, oklch(65.99% 0.1384 67.93) 20.6%, oklch(65.66% 0.1401 62.82) 22.2%, oklch(65.40% 0.1418 57.32) 23.8%, oklch(65.19% 0.1436 51.63) 25.4%, oklch(65.03% 0.1453 45.91) 27.0%, oklch(64.90% 0.1467 40.37) 28.6%, oklch(64.78% 0.1480 35.18) 30.2%, oklch(64.65% 0.1489 30.54) 31.7%, oklch(64.51% 0.1493 26.62) 33.3%, oklch(64.33% 0.1493 23.61) 34.9%, oklch(64.11% 0.1486 21.70) 36.5%, oklch(63.83% 0.1473 21.07) 38.1%, oklch(63.47% 0.1452 21.91) 39.7%, oklch(63.02% 0.1422 24.67) 41.3%, oklch(62.50% 0.1381 29.75) 42.9%, oklch(61.92% 0.1331 36.74) 44.4%, oklch(61.29% 0.1273 45.24) 46.0%, oklch(60.62% 0.1210 54.82) 47.6%, oklch(59.92% 0.1143 65.05) 49.2%, oklch(59.22% 0.1073 75.53) 50.8%, oklch(58.51% 0.1003 85.83) 52.4%, oklch(57.82% 0.0933 95.52) 54.0%, oklch(57.15% 0.0865 104.20) 55.6%, oklch(56.52% 0.0802 111.44) 57.1%, oklch(55.93% 0.0744 116.81) 58.7%, oklch(55.41% 0.0693 119.91) 60.3%, oklch(54.89% 0.0644 120.45) 61.9%, oklch(54.34% 0.0594 118.77) 63.5%, oklch(53.79% 0.0545 115.32) 65.1%, oklch(53.24% 0.0496 110.57) 66.7%, oklch(52.71% 0.0449 104.96) 68.3%, oklch(52.21% 0.0405 98.96) 69.8%, oklch(51.77% 0.0364 93.02) 71.4%, oklch(51.38% 0.0327 87.60) 73.0%, oklch(51.07% 0.0295 83.15) 74.6%, oklch(50.85% 0.0269 80.13) 76.2%, oklch(50.74% 0.0249 79.00) 77.8%, oklch(50.75% 0.0237 80.21) 79.4%, oklch(50.90% 0.0233 84.18) 81.0%, oklch(51.23% 0.0241 90.83) 82.5%, oklch(51.73% 0.0258 99.72) 84.1%, oklch(52.35% 0.0283 110.39) 85.7%, oklch(53.07% 0.0315 122.39) 87.3%, oklch(53.85% 0.0350 135.28) 88.9%, oklch(54.68% 0.0389 148.61) 90.5%, oklch(55.51% 0.0428 161.92) 92.1%, oklch(56.31% 0.0467 174.76) 93.7%, oklch(57.06% 0.0503 186.69) 95.2%, oklch(57.72% 0.0535 197.26) 96.8%, oklch(58.26% 0.0561 206.01) 98.4%, oklch(58.66% 0.0579 212.49) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.736 | 0.106 | 138.5 |
| 2 | 0.661 | 0.138 | 69.8 |
| 3 | 0.634 | 0.145 | 22.3 |
| 4 | 0.555 | 0.07 | 119.5 |
| 5 | 0.508 | 0.023 | 81.5 |
| 6 | 0.587 | 0.058 | 212.5 |

## In these collections

- [Tomato vine abundance](https://grabient.com/tomato-vine-abundance)

## Other forms

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