# Cranberry Teal Harvest

The Deep cyan and sage cranberry bog harvest brings together teal, red, and green. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits seasonal packaging and event invitations. Its darkest tone is teal, and its lightest tone is red.

- Also called: Rainbow from teal to green linear swatches
- Seed: `kUayuLP7nU80uQDAFkzg`
- Page: https://grabient.com/kUayuLP7nU80uQDAFkzg?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: rainbow
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.9 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 | `#1d5758` | `oklch(42.13% 0.0593 195.47)` | Deep Sea Green | white, 8.1 to 1 |
| 2 | `#aa2f49` | `oklch(50.00% 0.1585 13.00)` | Mad About You | white, 6.5 to 1 |
| 3 | `#c25f69` | `oklch(60.63% 0.1268 15.12)` | Candy Drop | black, 5.1 to 1 |
| 4 | `#5c6b44` | `oklch(50.39% 0.0606 125.02)` | Bonza Green | white, 5.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #1d5758 0.000% 25.000%, #aa2f49 25.000% 50.000%, #c25f69 50.000% 75.000%, #5c6b44 75.000% 100.000%);
background: linear-gradient(90deg, oklch(42.13% 0.0593 195.47) 0.000% 25.000%, oklch(50.00% 0.1585 13.00) 25.000% 50.000%, oklch(60.63% 0.1268 15.12) 50.000% 75.000%, oklch(50.39% 0.0606 125.02) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.421 | 0.059 | 195.5 |
| 2 | 0.5 | 0.158 | 373 |
| 3 | 0.606 | 0.127 | 375.1 |
| 4 | 0.504 | 0.061 | 485 |

## In these collections

- [Cranberry bog harvest](https://grabient.com/cranberry-bog-harvest)

## Other forms

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