# Red and Green: Crimson and tan The "Red and Green: Crimson and tan" palette brings together red, orange, and green. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is orange. - Also called: Analogous pink, brown and gray linear gradient - Seed: `kWmFQHVKBAdUSR3SFkXzRRCY` - Page: https://grabient.com/kWmFQHVKBAdUSR3SFkXzRRCY?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Kinds: even lightness, muted - Hues: wide - Contrast of its darkest and lightest colors: 1.4 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 | `#b96070` | `oklch(59.84% 0.1157 9.84)` | Sensuous | black, 4.9 to 1 | | 2 | `#ba6272` | `oklch(60.42% 0.1136 9.75)` | Slate Rose | black, 5.1 to 1 | | 3 | `#bc6676` | `oklch(61.25% 0.1109 9.17)` | Dusky Rose | black, 5.2 to 1 | | 4 | `#bd6a7a` | `oklch(62.24% 0.1076 8.46)` | Pink Manhattan | black, 5.5 to 1 | | 5 | `#bf6e7e` | `oklch(63.30% 0.1039 7.96)` | Pink Manhattan | black, 5.7 to 1 | | 6 | `#c17381` | `oklch(64.35% 0.0999 8.03)` | Briar Rose | black, 6 to 1 | | 7 | `#c27784` | `oklch(65.32% 0.0957 9.03)` | Japanese Coral | black, 6.2 to 1 | | 8 | `#c37b84` | `oklch(66.11% 0.0914 11.31)` | Begonia Rose | black, 6.4 to 1 | | 9 | `#c47e83` | `oklch(66.64% 0.0871 15.23)` | Enamoured | black, 6.6 to 1 | | 10 | `#c3817f` | `oklch(66.99% 0.0821 21.08)` | Prancer | black, 6.7 to 1 | | 11 | `#c0847b` | `oklch(67.19% 0.0763 28.53)` | Cameo Brown | black, 6.8 to 1 | | 12 | `#bd8777` | `oklch(67.29% 0.0703 37.12)` | Ludicrous Lemming | black, 6.9 to 1 | | 13 | `#b88a75` | `oklch(67.29% 0.0643 46.39)` | Carmelite | black, 6.9 to 1 | | 14 | `#b38d73` | `oklch(67.23% 0.0588 55.88)` | Homeland | black, 6.9 to 1 | | 15 | `#ad8f73` | `oklch(67.12% 0.0541 65.11)` | Elegant Earth | black, 6.9 to 1 | | 16 | `#a89173` | `oklch(66.99% 0.0507 73.63)` | Hiking Trail | black, 6.9 to 1 | | 17 | `#a49273` | `oklch(66.86% 0.0489 81.16)` | Natural Bridge | black, 6.9 to 1 | | 18 | `#a09372` | `oklch(66.67% 0.0489 88.54)` | Gristmill | black, 6.9 to 1 | | 19 | `#9c9471` | `oklch(66.43% 0.0501 95.82)` | Sweet Annie | black, 6.8 to 1 | | 20 | `#98946f` | `oklch(66.14% 0.0521 102.90)` | Sweet Annie | black, 6.8 to 1 | | 21 | `#93956e` | `oklch(65.81% 0.0546 109.67)` | Boston Fern | black, 6.7 to 1 | | 22 | `#8e956d` | `oklch(65.45% 0.0572 116.02)` | Boston Fern | black, 6.6 to 1 | | 23 | `#89956d` | `oklch(65.07% 0.0592 121.84)` | Cider Pear Green | black, 6.6 to 1 | | 24 | `#84956d` | `oklch(64.67% 0.0605 127.02)` | Old Green | black, 6.5 to 1 | | 25 | `#80956e` | `oklch(64.23% 0.0607 131.50)` | Green Eyes | black, 6.4 to 1 | | 26 | `#7b946f` | `oklch(63.71% 0.0604 135.39)` | Green Eyes | black, 6.3 to 1 | | 27 | `#789370` | `oklch(63.13% 0.0597 138.74)` | Chá Lǜ Green | black, 6.1 to 1 | | 28 | `#749170` | `oklch(62.53% 0.0587 141.61)` | Chá Lǜ Green | black, 6 to 1 | | 29 | `#718f70` | `oklch(61.94% 0.0576 144.05)` | Toad | black, 5.8 to 1 | | 30 | `#6f8e70` | `oklch(61.41% 0.0566 146.11)` | Laurel | black, 5.7 to 1 | | 31 | `#6d8d70` | `oklch(60.96% 0.0557 147.86)` | Laurel | black, 5.6 to 1 | | 32 | `#6b8c70` | `oklch(60.63% 0.0551 149.33)` | Laurel | black, 5.5 to 1 | ## CSS ```css background: linear-gradient(90deg, #b96070 0.0%, #ba6272 3.2%, #bc6676 6.5%, #bd6a7a 9.7%, #bf6e7e 12.9%, #c17381 16.1%, #c27784 19.4%, #c37b84 22.6%, #c47e83 25.8%, #c3817f 29.0%, #c0847b 32.3%, #bd8777 35.5%, #b88a75 38.7%, #b38d73 41.9%, #ad8f73 45.2%, #a89173 48.4%, #a49273 51.6%, #a09372 54.8%, #9c9471 58.1%, #98946f 61.3%, #93956e 64.5%, #8e956d 67.7%, #89956d 71.0%, #84956d 74.2%, #80956e 77.4%, #7b946f 80.6%, #789370 83.9%, #749170 87.1%, #718f70 90.3%, #6f8e70 93.5%, #6d8d70 96.8%, #6b8c70 100.0%); background: linear-gradient(90deg in oklch, oklch(59.84% 0.1157 9.84) 0.0%, oklch(60.42% 0.1136 9.75) 3.2%, oklch(61.25% 0.1109 9.17) 6.5%, oklch(62.24% 0.1076 8.46) 9.7%, oklch(63.30% 0.1039 7.96) 12.9%, oklch(64.35% 0.0999 8.03) 16.1%, oklch(65.32% 0.0957 9.03) 19.4%, oklch(66.11% 0.0914 11.31) 22.6%, oklch(66.64% 0.0871 15.23) 25.8%, oklch(66.99% 0.0821 21.08) 29.0%, oklch(67.19% 0.0763 28.53) 32.3%, oklch(67.29% 0.0703 37.12) 35.5%, oklch(67.29% 0.0643 46.39) 38.7%, oklch(67.23% 0.0588 55.88) 41.9%, oklch(67.12% 0.0541 65.11) 45.2%, oklch(66.99% 0.0507 73.63) 48.4%, oklch(66.86% 0.0489 81.16) 51.6%, oklch(66.67% 0.0489 88.54) 54.8%, oklch(66.43% 0.0501 95.82) 58.1%, oklch(66.14% 0.0521 102.90) 61.3%, oklch(65.81% 0.0546 109.67) 64.5%, oklch(65.45% 0.0572 116.02) 67.7%, oklch(65.07% 0.0592 121.84) 71.0%, oklch(64.67% 0.0605 127.02) 74.2%, oklch(64.23% 0.0607 131.50) 77.4%, oklch(63.71% 0.0604 135.39) 80.6%, oklch(63.13% 0.0597 138.74) 83.9%, oklch(62.53% 0.0587 141.61) 87.1%, oklch(61.94% 0.0576 144.05) 90.3%, oklch(61.41% 0.0566 146.11) 93.5%, oklch(60.96% 0.0557 147.86) 96.8%, oklch(60.63% 0.0551 149.33) 100.0%); ``` ## Keyframes 5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.598 | 0.116 | 9.8 | | 2 | 0.665 | 0.088 | 14.1 | | 3 | 0.669 | 0.05 | 77.5 | | 4 | 0.646 | 0.061 | 128.2 | | 5 | 0.606 | 0.055 | 149.3 | ## In these collections - [Red and green gradients](https://grabient.com/red-and-green-gradients) ## Other forms - [JSON](https://grabient.com/kWmFQHVKBAdUSR3SFkXzRRCY.json?steps=32) - [PNG](https://grabient.com/kWmFQHVKBAdUSR3SFkXzRRCY.png?steps=32) - [SVG](https://grabient.com/kWmFQHVKBAdUSR3SFkXzRRCY.svg?steps=32) - [CSS](https://grabient.com/kWmFQHVKBAdUSR3SFkXzRRCY.css?steps=32) - [ASE](https://grabient.com/kWmFQHVKBAdUSR3SFkXzRRCY.ase?steps=32) - [GPL](https://grabient.com/kWmFQHVKBAdUSR3SFkXzRRCY.gpl?steps=32) - [GRD](https://grabient.com/kWmFQHVKBAdUSR3SFkXzRRCY.grd?steps=32) - [Design tokens](https://grabient.com/kWmFQHVKBAdUSR3SFkXzRRCY.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=kWmFQHVKBAdUSR3SFkXzRRCY&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=kWmFQHVKBAdUSR3SFkXzRRCY) - [Guide for agents](https://grabient.com/llms.txt)