# Forest coral horizontal bands

Tritone dark green, brown and pink linear swatches with 21 colors: #0e2410, #122c15, #18371c, #1f4425, #2a4f2c, #375934, #46623c, #566a44, #67724a, #79784e, #8d7d54, #9f815d, #b08566, #c1876c, #d28871, #e38876, #f0867c, #f88283, #fd7d89, #ff798e, #ff7793. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone dark green, brown and pink linear swatches
- Seed: `kYPCJnsZo_8OWPRSmThXS-8V2_Pe`
- Page: https://grabient.com/kYPCJnsZo_8OWPRSmThXS-8V2_Pe?style=linearSwatches&steps=21&angle=180
- Drawn as: linear swatches, 21 steps, 180 degrees
- Kinds: dark to light
- Hues: two-hue
- Contrast of its darkest and lightest colors: 6.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 | `#0e2410` | `oklch(23.62% 0.0469 145.55)` | Nightmare | white, 16.4 to 1 |
| 2 | `#122c15` | `oklch(26.41% 0.0521 146.12)` | Nori Green | white, 15 to 1 |
| 3 | `#18371c` | `oklch(30.41% 0.0599 147.07)` | Deep Fir | white, 13.1 to 1 |
| 4 | `#1f4425` | `oklch(34.86% 0.0674 147.26)` | Myrtle | white, 11 to 1 |
| 5 | `#2a4f2c` | `oklch(38.98% 0.0717 145.55)` | Chestnut Green | white, 9.3 to 1 |
| 6 | `#375934` | `oklch(42.66% 0.0710 142.12)` | Ficus | white, 7.9 to 1 |
| 7 | `#46623c` | `oklch(46.28% 0.0672 137.42)` | Lady Luck | white, 6.8 to 1 |
| 8 | `#566a44` | `oklch(49.80% 0.0629 130.71)` | Pacific Pine | white, 5.9 to 1 |
| 9 | `#67724a` | `oklch(53.15% 0.0606 121.24)` | Dill Pickle | white, 5.1 to 1 |
| 10 | `#79784e` | `oklch(56.35% 0.0601 107.16)` | Tree Hugger | black, 4.6 to 1 |
| 11 | `#8d7d54` | `oklch(59.42% 0.0602 89.41)` | Safari Trail | black, 5.1 to 1 |
| 12 | `#9f815d` | `oklch(62.31% 0.0626 71.46)` | Corkboard | black, 5.7 to 1 |
| 13 | `#b08566` | `oklch(64.96% 0.0689 56.78)` | Syrup | black, 6.3 to 1 |
| 14 | `#c1876c` | `oklch(67.46% 0.0811 46.42)` | Toasted Nut | black, 6.9 to 1 |
| 15 | `#d28871` | `oklch(69.81% 0.0977 38.48)` | Rosy Copper | black, 7.5 to 1 |
| 16 | `#e38876` | `oklch(71.80% 0.1155 32.04)` | Guava Jam | black, 8 to 1 |
| 17 | `#f0867c` | `oklch(73.23% 0.1309 26.13)` | Salmon Carpaccio | black, 8.3 to 1 |
| 18 | `#f88283` | `oklch(73.89% 0.1439 20.54)` | Shell Pink | black, 8.5 to 1 |
| 19 | `#fd7d89` | `oklch(73.94% 0.1561 15.76)` | Anime Blush | black, 8.4 to 1 |
| 20 | `#ff798e` | `oklch(73.73% 0.1642 11.94)` | Magical Girl | black, 8.3 to 1 |
| 21 | `#ff7793` | `oklch(73.62% 0.1669 9.22)` | Aggressive Salmon | black, 8.3 to 1 |

## CSS

```css
background: linear-gradient(180deg, #0e2410 0.000% 4.762%, #122c15 4.762% 9.524%, #18371c 9.524% 14.286%, #1f4425 14.286% 19.048%, #2a4f2c 19.048% 23.810%, #375934 23.810% 28.571%, #46623c 28.571% 33.333%, #566a44 33.333% 38.095%, #67724a 38.095% 42.857%, #79784e 42.857% 47.619%, #8d7d54 47.619% 52.381%, #9f815d 52.381% 57.143%, #b08566 57.143% 61.905%, #c1876c 61.905% 66.667%, #d28871 66.667% 71.429%, #e38876 71.429% 76.190%, #f0867c 76.190% 80.952%, #f88283 80.952% 85.714%, #fd7d89 85.714% 90.476%, #ff798e 90.476% 95.238%, #ff7793 95.238% 100.000%);
background: linear-gradient(180deg, oklch(23.62% 0.0469 145.55) 0.000% 4.762%, oklch(26.41% 0.0521 146.12) 4.762% 9.524%, oklch(30.41% 0.0599 147.07) 9.524% 14.286%, oklch(34.86% 0.0674 147.26) 14.286% 19.048%, oklch(38.98% 0.0717 145.55) 19.048% 23.810%, oklch(42.66% 0.0710 142.12) 23.810% 28.571%, oklch(46.28% 0.0672 137.42) 28.571% 33.333%, oklch(49.80% 0.0629 130.71) 33.333% 38.095%, oklch(53.15% 0.0606 121.24) 38.095% 42.857%, oklch(56.35% 0.0601 107.16) 42.857% 47.619%, oklch(59.42% 0.0602 89.41) 47.619% 52.381%, oklch(62.31% 0.0626 71.46) 52.381% 57.143%, oklch(64.96% 0.0689 56.78) 57.143% 61.905%, oklch(67.46% 0.0811 46.42) 61.905% 66.667%, oklch(69.81% 0.0977 38.48) 66.667% 71.429%, oklch(71.80% 0.1155 32.04) 71.429% 76.190%, oklch(73.23% 0.1309 26.13) 76.190% 80.952%, oklch(73.89% 0.1439 20.54) 80.952% 85.714%, oklch(73.94% 0.1561 15.76) 85.714% 90.476%, oklch(73.73% 0.1642 11.94) 90.476% 95.238%, oklch(73.62% 0.1669 9.22) 95.238% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.236 | 0.047 | 145.5 |
| 2 | 0.39 | 0.072 | 145.5 |
| 3 | 0.531 | 0.061 | 121.2 |
| 4 | 0.65 | 0.069 | 56.8 |
| 5 | 0.732 | 0.131 | 26.1 |
| 6 | 0.736 | 0.174 | 9.2 |

## In these collections

- [Pink and green swatches](https://grabient.com/pink-and-green-swatches)

## Other forms

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