# Crimson and teal cranberry bog harvest

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

- Also called: Red, purple, blue and teal radial gradient
- Seed: `kYkHgWvjq-rMjvI1lbWQ5y5c4dvC`
- Page: https://grabient.com/kYkHgWvjq-rMjvI1lbWQ5y5c4dvC?style=radialGradient&steps=32&angle=225
- Drawn as: radial gradient, 32 steps, 225 degrees
- Kinds: vivid, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 2.7 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 | `#c54632` | `oklch(56.69% 0.1654 31.64)` | Mexican Red Papaya | white, 4.8 to 1 |
| 2 | `#c24332` | `oklch(55.88% 0.1656 30.73)` | Autumn Robin | white, 5 to 1 |
| 3 | `#bf3f31` | `oklch(54.76% 0.1664 29.65)` | Caught Red-Handed | white, 5.3 to 1 |
| 4 | `#ba3930` | `oklch(53.44% 0.1672 28.29)` | Valiant Poppy | white, 5.6 to 1 |
| 5 | `#b53430` | `oklch(51.99% 0.1672 26.58)` | Molten Lava | white, 6 to 1 |
| 6 | `#b02e31` | `oklch(50.51% 0.1658 24.41)` | Unmatched Beauty | white, 6.3 to 1 |
| 7 | `#a92b34` | `oklch(49.09% 0.1623 21.69)` | Heartthrob | white, 6.7 to 1 |
| 8 | `#a22938` | `oklch(47.66% 0.1558 18.70)` | Alabama Crimson | white, 7.2 to 1 |
| 9 | `#99293b` | `oklch(46.04% 0.1464 15.87)` | Valentine Red | white, 7.6 to 1 |
| 10 | `#8e2a3e` | `oklch(44.37% 0.1352 12.72)` | Rumba Red | white, 8.2 to 1 |
| 11 | `#842b41` | `oklch(42.77% 0.1233 8.71)` | Bicyclette | white, 8.7 to 1 |
| 12 | `#7a2c45` | `oklch(41.41% 0.1116 3.34)` | Rhododendron | white, 9.2 to 1 |
| 13 | `#722e4a` | `oklch(40.42% 0.1013 356.09)` | Burlat Red | white, 9.5 to 1 |
| 14 | `#6a3052` | `oklch(39.89% 0.0929 346.25)` | Burlat Red | white, 9.7 to 1 |
| 15 | `#61345a` | `oklch(39.69% 0.0847 333.30)` | Spanish Plum | white, 9.7 to 1 |
| 16 | `#583962` | `oklch(39.77% 0.0769 318.27)` | Purpurite Violet | white, 9.6 to 1 |
| 17 | `#4f3e67` | `oklch(40.12% 0.0701 302.32)` | Geode | white, 9.4 to 1 |
| 18 | `#47446b` | `oklch(40.71% 0.0645 286.60)` | Palace Arms | white, 9.1 to 1 |
| 19 | `#404a6d` | `oklch(41.53% 0.0606 272.28)` | Egyptian Violet | white, 8.7 to 1 |
| 20 | `#3c4f6f` | `oklch(42.59% 0.0589 260.32)` | Ensign Blue | white, 8.2 to 1 |
| 21 | `#385573` | `oklch(44.06% 0.0600 249.75)` | Blue Earth | white, 7.7 to 1 |
| 22 | `#355c78` | `oklch(45.86% 0.0633 240.11)` | Shasta Lake | white, 7 to 1 |
| 23 | `#31647d` | `oklch(47.85% 0.0677 231.29)` | Blueprint | white, 6.4 to 1 |
| 24 | `#2c6c81` | `oklch(49.88% 0.0724 223.15)` | Tlāloc Blue | white, 5.8 to 1 |
| 25 | `#287384` | `oklch(51.80% 0.0764 215.59)` | Oceanic Metropolis | white, 5.3 to 1 |
| 26 | `#277a85` | `oklch(53.46% 0.0789 208.49)` | Panorama | white, 5 to 1 |
| 27 | `#297f86` | `oklch(55.05% 0.0802 201.80)` | Sea Swimmer | white, 4.6 to 1 |
| 28 | `#2e8585` | `oklch(56.62% 0.0809 195.63)` | Thai Teal | black, 4.8 to 1 |
| 29 | `#358a85` | `oklch(58.12% 0.0811 190.07)` | Taos Turquoise | black, 5.1 to 1 |
| 30 | `#3c8e85` | `oklch(59.46% 0.0812 185.24)` | Royal Palm | black, 5.4 to 1 |
| 31 | `#429285` | `oklch(60.58% 0.0812 181.24)` | Highlands | black, 5.6 to 1 |
| 32 | `#479585` | `oklch(61.42% 0.0813 178.18)` | Crisp Lettuce | black, 5.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #c54632 0.0%, #c24332 3.2%, #bf3f31 6.5%, #ba3930 9.7%, #b53430 12.9%, #b02e31 16.1%, #a92b34 19.4%, #a22938 22.6%, #99293b 25.8%, #8e2a3e 29.0%, #842b41 32.3%, #7a2c45 35.5%, #722e4a 38.7%, #6a3052 41.9%, #61345a 45.2%, #583962 48.4%, #4f3e67 51.6%, #47446b 54.8%, #404a6d 58.1%, #3c4f6f 61.3%, #385573 64.5%, #355c78 67.7%, #31647d 71.0%, #2c6c81 74.2%, #287384 77.4%, #277a85 80.6%, #297f86 83.9%, #2e8585 87.1%, #358a85 90.3%, #3c8e85 93.5%, #429285 96.8%, #479585 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(56.69% 0.1654 31.64) 0.0%, oklch(55.88% 0.1656 30.73) 3.2%, oklch(54.76% 0.1664 29.65) 6.5%, oklch(53.44% 0.1672 28.29) 9.7%, oklch(51.99% 0.1672 26.58) 12.9%, oklch(50.51% 0.1658 24.41) 16.1%, oklch(49.09% 0.1623 21.69) 19.4%, oklch(47.66% 0.1558 18.70) 22.6%, oklch(46.04% 0.1464 15.87) 25.8%, oklch(44.37% 0.1352 12.72) 29.0%, oklch(42.77% 0.1233 8.71) 32.3%, oklch(41.41% 0.1116 3.34) 35.5%, oklch(40.42% 0.1013 356.09) 38.7%, oklch(39.89% 0.0929 346.25) 41.9%, oklch(39.69% 0.0847 333.30) 45.2%, oklch(39.77% 0.0769 318.27) 48.4%, oklch(40.12% 0.0701 302.32) 51.6%, oklch(40.71% 0.0645 286.60) 54.8%, oklch(41.53% 0.0606 272.28) 58.1%, oklch(42.59% 0.0589 260.32) 61.3%, oklch(44.06% 0.0600 249.75) 64.5%, oklch(45.86% 0.0633 240.11) 67.7%, oklch(47.85% 0.0677 231.29) 71.0%, oklch(49.88% 0.0724 223.15) 74.2%, oklch(51.80% 0.0764 215.59) 77.4%, oklch(53.46% 0.0789 208.49) 80.6%, oklch(55.05% 0.0802 201.80) 83.9%, oklch(56.62% 0.0809 195.63) 87.1%, oklch(58.12% 0.0811 190.07) 90.3%, oklch(59.46% 0.0812 185.24) 93.5%, oklch(60.58% 0.0812 181.24) 96.8%, oklch(61.42% 0.0813 178.18) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.567 | 0.165 | 31.6 |
| 2 | 0.488 | 0.161 | 21.1 |
| 3 | 0.402 | 0.098 | -7.5 |
| 4 | 0.421 | 0.059 | -95.2 |
| 5 | 0.531 | 0.079 | -150.1 |
| 6 | 0.614 | 0.081 | -181.8 |

## In these collections

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

## Other forms

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