# Emerald, magenta and crimson wasabi plum editorial The Emerald, magenta and crimson wasabi plum editorial brings together green, teal, blue, magenta, and red. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits poster layouts and editorial spreads. Its darkest tone is magenta, and its lightest tone is green. - Also called: Vivid green, purple and red linear gradient - Seed: `karHFsTRpEEScy3BuESQ8RC0VGQlEwMGg` - Page: https://grabient.com/karHFsTRpEEScy3BuESQ8RC0VGQlEwMGg?steps=32&angle=225 - Drawn as: linear gradient, 32 steps, 225 degrees - Kinds: vivid, multicolor - Hues: two-hue - Contrast of its darkest and lightest colors: 2.2 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 | `#37b265` | `oklch(67.72% 0.1557 151.87)` | Green Mana | black, 7.6 to 1 | | 2 | `#34ae6d` | `oklch(66.79% 0.1434 155.49)` | Seaweed Green | black, 7.4 to 1 | | 3 | `#3aa876` | `oklch(65.47% 0.1251 159.98)` | Cosmic Green | black, 7 to 1 | | 4 | `#41a07d` | `oklch(63.94% 0.1048 165.94)` | Klimt Green | black, 6.5 to 1 | | 5 | `#479883` | `oklch(62.34% 0.0861 173.97)` | Crisp Lettuce | black, 6.1 to 1 | | 6 | `#4a9188` | `oklch(60.86% 0.0730 184.66)` | Dusty Teal | black, 5.7 to 1 | | 7 | `#4a8b8e` | `oklch(59.48% 0.0669 199.53)` | Evora | black, 5.3 to 1 | | 8 | `#4b8495` | `oklch(58.05% 0.0646 219.00)` | Night Masque | black, 5 to 1 | | 9 | `#527c9a` | `oklch(56.64% 0.0657 240.52)` | Stormy Ridge | black, 4.6 to 1 | | 10 | `#5c739c` | `oklch(55.35% 0.0696 261.47)` | Blueberry Patch | white, 4.7 to 1 | | 11 | `#666b9b` | `oklch(54.25% 0.0760 279.22)` | Dusted Peri | white, 5 to 1 | | 12 | `#6e639a` | `oklch(53.39% 0.0853 291.97)` | Scampi | white, 5.3 to 1 | | 13 | `#755c9b` | `oklch(52.72% 0.0994 301.41)` | Just a Fairytale | white, 5.5 to 1 | | 14 | `#7d559c` | `oklch(52.20% 0.1162 308.61)` | Royal Lilac | white, 5.7 to 1 | | 15 | `#844d9d` | `oklch(51.84% 0.1334 314.54)` | Murasaki Purple | white, 5.9 to 1 | | 16 | `#8c469c` | `oklch(51.63% 0.1484 320.11)` | Murasaki Purple | white, 6 to 1 | | 17 | `#943f98` | `oklch(51.57% 0.1593 326.02)` | Medium Purple | white, 6.1 to 1 | | 18 | `#9c3a93` | `oklch(51.76% 0.1679 331.33)` | Purple Excellency | white, 6.1 to 1 | | 19 | `#a3368e` | `oklch(52.11% 0.1748 336.04)` | Wild Aster | white, 6 to 1 | | 20 | `#a9328a` | `oklch(52.53% 0.1803 340.37)` | Wild Aster | white, 5.9 to 1 | | 21 | `#af2f84` | `oklch(52.94% 0.1848 344.55)` | Fandango | white, 5.8 to 1 | | 22 | `#b52c7e` | `oklch(53.24% 0.1886 348.80)` | Treasured Love | white, 5.8 to 1 | | 23 | `#b92977` | `oklch(53.52% 0.1913 352.99)` | Treasured Love | white, 5.7 to 1 | | 24 | `#bd2770` | `oklch(53.80% 0.1929 357.02)` | Treasured Love | white, 5.6 to 1 | | 25 | `#c02668` | `oklch(54.04% 0.1936 0.89)` | Chaotic Roses | white, 5.6 to 1 | | 26 | `#c32661` | `oklch(54.23% 0.1935 4.56)` | Bright Rose | white, 5.5 to 1 | | 27 | `#c4275a` | `oklch(54.34% 0.1927 8.02)` | Bright Rose | white, 5.5 to 1 | | 28 | `#c42953` | `oklch(54.34% 0.1906 11.44)` | Possessed Red | white, 5.5 to 1 | | 29 | `#c42b4b` | `oklch(54.26% 0.1872 14.79)` | Dry Rose | white, 5.5 to 1 | | 30 | `#c22e45` | `oklch(54.13% 0.1835 17.84)` | Crimson Cloud | white, 5.5 to 1 | | 31 | `#c13140` | `oklch(54.01% 0.1800 20.39)` | C-3PO | white, 5.5 to 1 | | 32 | `#c0333c` | `oklch(53.94% 0.1778 22.25)` | Tropical Heat | white, 5.5 to 1 | ## CSS ```css background: linear-gradient(225deg, #37b265 0.0%, #34ae6d 3.2%, #3aa876 6.5%, #41a07d 9.7%, #479883 12.9%, #4a9188 16.1%, #4a8b8e 19.4%, #4b8495 22.6%, #527c9a 25.8%, #5c739c 29.0%, #666b9b 32.3%, #6e639a 35.5%, #755c9b 38.7%, #7d559c 41.9%, #844d9d 45.2%, #8c469c 48.4%, #943f98 51.6%, #9c3a93 54.8%, #a3368e 58.1%, #a9328a 61.3%, #af2f84 64.5%, #b52c7e 67.7%, #b92977 71.0%, #bd2770 74.2%, #c02668 77.4%, #c32661 80.6%, #c4275a 83.9%, #c42953 87.1%, #c42b4b 90.3%, #c22e45 93.5%, #c13140 96.8%, #c0333c 100.0%); background: linear-gradient(225deg in oklch, oklch(67.72% 0.1557 151.87) 0.0%, oklch(66.79% 0.1434 155.49) 3.2%, oklch(65.47% 0.1251 159.98) 6.5%, oklch(63.94% 0.1048 165.94) 9.7%, oklch(62.34% 0.0861 173.97) 12.9%, oklch(60.86% 0.0730 184.66) 16.1%, oklch(59.48% 0.0669 199.53) 19.4%, oklch(58.05% 0.0646 219.00) 22.6%, oklch(56.64% 0.0657 240.52) 25.8%, oklch(55.35% 0.0696 261.47) 29.0%, oklch(54.25% 0.0760 279.22) 32.3%, oklch(53.39% 0.0853 291.97) 35.5%, oklch(52.72% 0.0994 301.41) 38.7%, oklch(52.20% 0.1162 308.61) 41.9%, oklch(51.84% 0.1334 314.54) 45.2%, oklch(51.63% 0.1484 320.11) 48.4%, oklch(51.57% 0.1593 326.02) 51.6%, oklch(51.76% 0.1679 331.33) 54.8%, oklch(52.11% 0.1748 336.04) 58.1%, oklch(52.53% 0.1803 340.37) 61.3%, oklch(52.94% 0.1848 344.55) 64.5%, oklch(53.24% 0.1886 348.80) 67.7%, oklch(53.52% 0.1913 352.99) 71.0%, oklch(53.80% 0.1929 357.02) 74.2%, oklch(54.04% 0.1936 0.89) 77.4%, oklch(54.23% 0.1935 4.56) 80.6%, oklch(54.34% 0.1927 8.02) 83.9%, oklch(54.34% 0.1906 11.44) 87.1%, oklch(54.26% 0.1872 14.79) 90.3%, oklch(54.13% 0.1835 17.84) 93.5%, oklch(54.01% 0.1800 20.39) 96.8%, oklch(53.94% 0.1778 22.25) 100.0%); ``` ## Keyframes 7 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.677 | 0.156 | 151.9 | | 2 | 0.606 | 0.072 | 186.7 | | 3 | 0.539 | 0.079 | 284 | | 4 | 0.516 | 0.154 | 323.1 | | 5 | 0.531 | 0.187 | 347.4 | | 6 | 0.543 | 0.193 | 367.5 | | 7 | 0.539 | 0.178 | 382.2 | ## In these collections - [Wasabi plum editorial](https://grabient.com/wasabi-plum-editorial) ## Other forms - [JSON](https://grabient.com/karHFsTRpEEScy3BuESQ8RC0VGQlEwMGg.json?steps=32&angle=225) - [PNG](https://grabient.com/karHFsTRpEEScy3BuESQ8RC0VGQlEwMGg.png?steps=32&angle=225) - [SVG](https://grabient.com/karHFsTRpEEScy3BuESQ8RC0VGQlEwMGg.svg?steps=32&angle=225) - [CSS](https://grabient.com/karHFsTRpEEScy3BuESQ8RC0VGQlEwMGg.css?steps=32&angle=225) - [ASE](https://grabient.com/karHFsTRpEEScy3BuESQ8RC0VGQlEwMGg.ase?steps=32&angle=225) - [GPL](https://grabient.com/karHFsTRpEEScy3BuESQ8RC0VGQlEwMGg.gpl?steps=32&angle=225) - [GRD](https://grabient.com/karHFsTRpEEScy3BuESQ8RC0VGQlEwMGg.grd?steps=32&angle=225) - [Design tokens](https://grabient.com/karHFsTRpEEScy3BuESQ8RC0VGQlEwMGg.tokens.json?steps=32&angle=225) - [Social card](https://grabient.com/api/og?seed=karHFsTRpEEScy3BuESQ8RC0VGQlEwMGg&steps=32&angle=225) - [Palettes like this one](https://grabient.com/palettes?q=karHFsTRpEEScy3BuESQ8RC0VGQlEwMGg) - [Guide for agents](https://grabient.com/llms.txt)