# Navy, crimson and ochre cranberry bog harvest The Navy, crimson and ochre cranberry bog harvest brings together blue, red, and orange. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits seasonal packaging and event invitations. Its darkest tone is blue, and its lightest tone is orange. - Also called: Tritone blue, dark purple and tan linear gradient - Seed: `kYY025qBlDK6YSlAJsOUKbB1mdwk` - Page: https://grabient.com/kYY025qBlDK6YSlAJsOUKbB1mdwk?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Hues: complementary - Contrast of its darkest and lightest colors: 5 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 | `#22437d` | `oklch(38.98% 0.1061 260.86)` | Maritime Outpost | white, 9.7 to 1 | | 2 | `#244078` | `oklch(38.06% 0.1018 263.08)` | Blue Expanse | white, 10.1 to 1 | | 3 | `#263c71` | `oklch(36.67% 0.0956 265.57)` | Blue Expanse | white, 10.7 to 1 | | 4 | `#283768` | `oklch(35.08% 0.0884 268.74)` | Blue Depths | white, 11.4 to 1 | | 5 | `#293260` | `oklch(33.52% 0.0811 273.02)` | Galaxea | white, 12.1 to 1 | | 6 | `#2c2e59` | `oklch(32.26% 0.0745 278.81)` | Deep Sea Base | white, 12.7 to 1 | | 7 | `#2f2b53` | `oklch(31.55% 0.0696 286.52)` | Purple Noir | white, 13.1 to 1 | | 8 | `#35294f` | `oklch(31.48% 0.0665 297.12)` | Parachute Purple | white, 13.2 to 1 | | 9 | `#3d284a` | `oklch(31.80% 0.0643 311.10)` | Operetta Mauve | white, 13.1 to 1 | | 10 | `#452845` | `oklch(32.47% 0.0629 327.05)` | Opulent Mauve | white, 12.8 to 1 | | 11 | `#4d293f` | `oklch(33.42% 0.0625 343.48)` | Potent Purple | white, 12.3 to 1 | | 12 | `#542b39` | `oklch(34.62% 0.0632 358.91)` | Port Royale | white, 11.8 to 1 | | 13 | `#5a2e34` | `oklch(36.01% 0.0650 11.88)` | Dubonnet | white, 11.2 to 1 | | 14 | `#613131` | `oklch(37.61% 0.0685 21.33)` | Rampant Rhubarb | white, 10.5 to 1 | | 15 | `#69362f` | `oklch(39.57% 0.0744 28.37)` | Cherry Mahogany | white, 9.7 to 1 | | 16 | `#723a2e` | `oklch(41.82% 0.0819 33.69)` | Beaten Copper | white, 8.8 to 1 | | 17 | `#7d3f2d` | `oklch(44.23% 0.0900 37.80)` | Stone Age Queen | white, 8 to 1 | | 18 | `#87452c` | `oklch(46.68% 0.0976 41.24)` | Olive Niçoise | white, 7.2 to 1 | | 19 | `#904b2b` | `oklch(49.05% 0.1036 44.55)` | Madeira Brown | white, 6.5 to 1 | | 20 | `#97512a` | `oklch(51.27% 0.1073 48.12)` | Rusty | white, 5.9 to 1 | | 21 | `#9e582b` | `oklch(53.50% 0.1093 51.19)` | Bright Bronze | white, 5.3 to 1 | | 22 | `#a5602e` | `oklch(55.75% 0.1101 53.71)` | Scarecrow Frown | white, 4.8 to 1 | | 23 | `#ab6733` | `oklch(57.96% 0.1100 55.92)` | Autumn Surprise | black, 4.7 to 1 | | 24 | `#b06f38` | `oklch(60.07% 0.1091 58.07)` | Reno Sand | black, 5.1 to 1 | | 25 | `#b5763d` | `oklch(62.00% 0.1076 60.40)` | Saucy Gold | black, 5.6 to 1 | | 26 | `#b87c42` | `oklch(63.71% 0.1057 63.14)` | Spruce Yellow | black, 6 to 1 | | 27 | `#ba8347` | `oklch(65.24% 0.1025 66.47)` | Arrakis Spice | black, 6.4 to 1 | | 28 | `#bb894d` | `oklch(66.62% 0.0981 70.17)` | Funchal Yellow | black, 6.7 to 1 | | 29 | `#ba8f54` | `oklch(67.86% 0.0932 73.94)` | Summer Weasel | black, 7.1 to 1 | | 30 | `#ba945a` | `oklch(68.92% 0.0883 77.48)` | Gold Torch | black, 7.4 to 1 | | 31 | `#b99860` | `oklch(69.80% 0.0842 80.48)` | Golden Bear | black, 7.7 to 1 | | 32 | `#b99b64` | `oklch(70.47% 0.0813 82.62)` | Rustic City | black, 7.9 to 1 | ## CSS ```css background: linear-gradient(90deg, #22437d 0.0%, #244078 3.2%, #263c71 6.5%, #283768 9.7%, #293260 12.9%, #2c2e59 16.1%, #2f2b53 19.4%, #35294f 22.6%, #3d284a 25.8%, #452845 29.0%, #4d293f 32.3%, #542b39 35.5%, #5a2e34 38.7%, #613131 41.9%, #69362f 45.2%, #723a2e 48.4%, #7d3f2d 51.6%, #87452c 54.8%, #904b2b 58.1%, #97512a 61.3%, #9e582b 64.5%, #a5602e 67.7%, #ab6733 71.0%, #b06f38 74.2%, #b5763d 77.4%, #b87c42 80.6%, #ba8347 83.9%, #bb894d 87.1%, #ba8f54 90.3%, #ba945a 93.5%, #b99860 96.8%, #b99b64 100.0%); background: linear-gradient(90deg in oklch, oklch(38.98% 0.1061 260.86) 0.0%, oklch(38.06% 0.1018 263.08) 3.2%, oklch(36.67% 0.0956 265.57) 6.5%, oklch(35.08% 0.0884 268.74) 9.7%, oklch(33.52% 0.0811 273.02) 12.9%, oklch(32.26% 0.0745 278.81) 16.1%, oklch(31.55% 0.0696 286.52) 19.4%, oklch(31.48% 0.0665 297.12) 22.6%, oklch(31.80% 0.0643 311.10) 25.8%, oklch(32.47% 0.0629 327.05) 29.0%, oklch(33.42% 0.0625 343.48) 32.3%, oklch(34.62% 0.0632 358.91) 35.5%, oklch(36.01% 0.0650 11.88) 38.7%, oklch(37.61% 0.0685 21.33) 41.9%, oklch(39.57% 0.0744 28.37) 45.2%, oklch(41.82% 0.0819 33.69) 48.4%, oklch(44.23% 0.0900 37.80) 51.6%, oklch(46.68% 0.0976 41.24) 54.8%, oklch(49.05% 0.1036 44.55) 58.1%, oklch(51.27% 0.1073 48.12) 61.3%, oklch(53.50% 0.1093 51.19) 64.5%, oklch(55.75% 0.1101 53.71) 67.7%, oklch(57.96% 0.1100 55.92) 71.0%, oklch(60.07% 0.1091 58.07) 74.2%, oklch(62.00% 0.1076 60.40) 77.4%, oklch(63.71% 0.1057 63.14) 80.6%, oklch(65.24% 0.1025 66.47) 83.9%, oklch(66.62% 0.0981 70.17) 87.1%, oklch(67.86% 0.0932 73.94) 90.3%, oklch(68.92% 0.0883 77.48) 93.5%, oklch(69.80% 0.0842 80.48) 96.8%, oklch(70.47% 0.0813 82.62) 100.0%); ``` ## Keyframes 6 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.39 | 0.106 | 260.9 | | 2 | 0.315 | 0.069 | 288.3 | | 3 | 0.366 | 0.066 | 376 | | 4 | 0.504 | 0.106 | 406.7 | | 5 | 0.634 | 0.106 | 422.5 | | 6 | 0.705 | 0.081 | 442.6 | ## In these collections - [Cranberry bog harvest](https://grabient.com/cranberry-bog-harvest) ## Other forms - [JSON](https://grabient.com/kYY025qBlDK6YSlAJsOUKbB1mdwk.json?steps=32) - [PNG](https://grabient.com/kYY025qBlDK6YSlAJsOUKbB1mdwk.png?steps=32) - [SVG](https://grabient.com/kYY025qBlDK6YSlAJsOUKbB1mdwk.svg?steps=32) - [CSS](https://grabient.com/kYY025qBlDK6YSlAJsOUKbB1mdwk.css?steps=32) - [ASE](https://grabient.com/kYY025qBlDK6YSlAJsOUKbB1mdwk.ase?steps=32) - [GPL](https://grabient.com/kYY025qBlDK6YSlAJsOUKbB1mdwk.gpl?steps=32) - [GRD](https://grabient.com/kYY025qBlDK6YSlAJsOUKbB1mdwk.grd?steps=32) - [Design tokens](https://grabient.com/kYY025qBlDK6YSlAJsOUKbB1mdwk.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=kYY025qBlDK6YSlAJsOUKbB1mdwk&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=kYY025qBlDK6YSlAJsOUKbB1mdwk) - [Guide for agents](https://grabient.com/llms.txt)