# Rose, cobalt blue and emerald blackberry bramble

The Rose, cobalt blue and emerald blackberry bramble brings together red, magenta, purple, blue, teal, and green. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is purple, and its lightest tone is green.

- Also called: Vivid purple, blue and green linear gradient
- Seed: `kcensCt0K7jTNO62VT2Os2_ECxvnJIDjUTa6Y`
- Page: https://grabient.com/kcensCt0K7jTNO62VT2Os2_ECxvnJIDjUTa6Y?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 3 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 | `#a42153` | `oklch(48.03% 0.1695 3.52)` | Cherries Jubilee | white, 7.1 to 1 |
| 2 | `#a01d5c` | `oklch(47.23% 0.1714 357.65)` | Berry Curious | white, 7.4 to 1 |
| 3 | `#981a67` | `oklch(46.06% 0.1739 349.26)` | Romantic Vampire | white, 7.8 to 1 |
| 4 | `#8e1773` | `oklch(44.79% 0.1772 339.69)` | Noble Plum | white, 8.3 to 1 |
| 5 | `#84167f` | `oklch(43.68% 0.1813 330.22)` | Hello Darkness My Old Friend | white, 8.7 to 1 |
| 6 | `#7b168a` | `oklch(42.90% 0.1863 321.73)` | Aunt Violet | white, 9 to 1 |
| 7 | `#711696` | `oklch(42.28% 0.1927 313.06)` | Chinese Purple | white, 9.3 to 1 |
| 8 | `#6616a1` | `oklch(41.80% 0.1998 304.49)` | Indiviolet Sunset | white, 9.5 to 1 |
| 9 | `#5c18ab` | `oklch(41.48% 0.2068 296.54)` | Indiviolet Sunset | white, 9.6 to 1 |
| 10 | `#521ab3` | `oklch(41.33% 0.2130 289.71)` | Elegant Midnight | white, 9.7 to 1 |
| 11 | `#481cba` | `oklch(41.36% 0.2194 283.98)` | Blue Depression | white, 9.7 to 1 |
| 12 | `#3f1fc1` | `oklch(41.56% 0.2259 279.10)` | Blue Depression | white, 9.6 to 1 |
| 13 | `#3623c6` | `oklch(41.91% 0.2312 274.95)` | Interdimensional Blue | white, 9.4 to 1 |
| 14 | `#2d29ca` | `oklch(42.37% 0.2340 271.43)` | Lapis on Neptune | white, 9.2 to 1 |
| 15 | `#242fcd` | `oklch(42.94% 0.2340 268.67)` | Lapis on Neptune | white, 8.9 to 1 |
| 16 | `#1d35ce` | `oklch(43.67% 0.2320 266.98)` | Third Eye Chakra | white, 8.5 to 1 |
| 17 | `#193bcf` | `oklch(44.50% 0.2277 265.79)` | Third Eye Chakra | white, 8.2 to 1 |
| 18 | `#1441ce` | `oklch(45.40% 0.2206 264.48)` | Third Eye Chakra | white, 7.8 to 1 |
| 19 | `#0a49cb` | `oklch(46.33% 0.2101 262.55)` | Flying Fish Blue | white, 7.4 to 1 |
| 20 | `#0d50c6` | `oklch(47.29% 0.1944 261.25)` | Iridescent Blue | white, 7 to 1 |
| 21 | `#1657bf` | `oklch(48.30% 0.1753 259.96)` | London Rain | white, 6.6 to 1 |
| 22 | `#1a5fb8` | `oklch(49.40% 0.1557 257.22)` | Amnesia Blue | white, 6.2 to 1 |
| 23 | `#1566b1` | `oklch(50.60% 0.1385 251.57)` | Ephren Blue | white, 5.8 to 1 |
| 24 | `#006fa8` | `oklch(51.97% 0.1224 241.59)` | Bowen Blue | white, 5.4 to 1 |
| 25 | `#00789c` | `oklch(53.48% 0.1041 227.86)` | Sea Sight | white, 5 to 1 |
| 26 | `#018093` | `oklch(55.05% 0.0960 212.50)` | Craftsman Blue | white, 4.6 to 1 |
| 27 | `#1e8689` | `oklch(56.62% 0.0888 197.65)` | Tubbataha Teal | black, 4.8 to 1 |
| 28 | `#298c82` | `oklch(58.13% 0.0901 184.97)` | Aqua Experience | black, 5.1 to 1 |
| 29 | `#2a9379` | `oklch(59.76% 0.1022 172.55)` | Illuminating Emerald | black, 5.5 to 1 |
| 30 | `#2e9a6c` | `oklch(61.38% 0.1202 160.78)` | Starship Trooper | black, 5.9 to 1 |
| 31 | `#3b9f5b` | `oklch(62.79% 0.1382 150.79)` | Chateau Green | black, 6.3 to 1 |
| 32 | `#4aa24b` | `oklch(63.78% 0.1502 143.71)` | Fruit Salad | black, 6.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #a42153 0.0%, #a01d5c 3.2%, #981a67 6.5%, #8e1773 9.7%, #84167f 12.9%, #7b168a 16.1%, #711696 19.4%, #6616a1 22.6%, #5c18ab 25.8%, #521ab3 29.0%, #481cba 32.3%, #3f1fc1 35.5%, #3623c6 38.7%, #2d29ca 41.9%, #242fcd 45.2%, #1d35ce 48.4%, #193bcf 51.6%, #1441ce 54.8%, #0a49cb 58.1%, #0d50c6 61.3%, #1657bf 64.5%, #1a5fb8 67.7%, #1566b1 71.0%, #006fa8 74.2%, #00789c 77.4%, #018093 80.6%, #1e8689 83.9%, #298c82 87.1%, #2a9379 90.3%, #2e9a6c 93.5%, #3b9f5b 96.8%, #4aa24b 100.0%);
background: linear-gradient(135deg in oklch, oklch(48.03% 0.1695 3.52) 0.0%, oklch(47.23% 0.1714 357.65) 3.2%, oklch(46.06% 0.1739 349.26) 6.5%, oklch(44.79% 0.1772 339.69) 9.7%, oklch(43.68% 0.1813 330.22) 12.9%, oklch(42.90% 0.1863 321.73) 16.1%, oklch(42.28% 0.1927 313.06) 19.4%, oklch(41.80% 0.1998 304.49) 22.6%, oklch(41.48% 0.2068 296.54) 25.8%, oklch(41.33% 0.2130 289.71) 29.0%, oklch(41.36% 0.2194 283.98) 32.3%, oklch(41.56% 0.2259 279.10) 35.5%, oklch(41.91% 0.2312 274.95) 38.7%, oklch(42.37% 0.2340 271.43) 41.9%, oklch(42.94% 0.2340 268.67) 45.2%, oklch(43.67% 0.2320 266.98) 48.4%, oklch(44.50% 0.2277 265.79) 51.6%, oklch(45.40% 0.2206 264.48) 54.8%, oklch(46.33% 0.2101 262.55) 58.1%, oklch(47.29% 0.1944 261.25) 61.3%, oklch(48.30% 0.1753 259.96) 64.5%, oklch(49.40% 0.1557 257.22) 67.7%, oklch(50.60% 0.1385 251.57) 71.0%, oklch(51.97% 0.1224 241.59) 74.2%, oklch(53.48% 0.1041 227.86) 77.4%, oklch(55.05% 0.0960 212.50) 80.6%, oklch(56.62% 0.0888 197.65) 83.9%, oklch(58.13% 0.0901 184.97) 87.1%, oklch(59.76% 0.1022 172.55) 90.3%, oklch(61.38% 0.1202 160.78) 93.5%, oklch(62.79% 0.1382 150.79) 96.8%, oklch(63.78% 0.1502 143.71) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.48 | 0.169 | 3.5 |
| 2 | 0.433 | 0.183 | -33.5 |
| 3 | 0.413 | 0.212 | -69.4 |
| 4 | 0.425 | 0.234 | -89.5 |
| 5 | 0.461 | 0.214 | -96.9 |
| 6 | 0.508 | 0.136 | -109.6 |
| 7 | 0.575 | 0.088 | -169.8 |
| 8 | 0.638 | 0.15 | -216.3 |

## In these collections

- [Blackberry bramble](https://grabient.com/blackberry-bramble)

## Other forms

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