#686C5E - #344312 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #686C5E to #344312

#686C5E #344312

Calculate the color between two colors, #686C5E and #344312. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#686C5E - #344312 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #686C5E as 0% and #344312 as 100%.

0.0%	0.0% #686C5E	RGB 104 108 94	#686C5E
16.7%	16.7% #5F6551	RGB 95 101 81	#5F6551
33.3%	33.3% #565E44	RGB 86 94 68	#565E44
50.0%	50.0% #4E5738	RGB 78 87 56	#4E5738
66.7%	66.7% #45502B	RGB 69 80 43	#45502B
83.3%	83.3% #3C491E	RGB 60 73 30	#3C491E
100.0%	100.0% #344312	RGB 52 67 18	#344312

#686C5E #5F6551 #565E44 #4E5738 #45502B #3C491E #344312

#686C5E - #344312

HSV Blend

#686C5E - #344312 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #686C5E as 0% and #344312 as 100%.

0.0%	0.0% #686C5E	RGB 104 108 94	#686C5E
16.7%	16.7% #5E654D	RGB 94 101 77	#5E654D
33.3%	33.3% #555E3F	RGB 85 94 63	#555E3F
50.0%	50.0% #4C5731	RGB 76 87 49	#4C5731
66.7%	66.7% #435025	RGB 67 80 37	#435025
83.3%	83.3% #3B491B	RGB 59 73 27	#3B491B
100.0%	100.0% #344312	RGB 52 67 18	#344312

#686C5E #5E654D #555E3F #4C5731 #435025 #3B491B #344312

#686C5E - #4C5731 - #344312

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #686C5E 0%, #344312 100%);
    background: -webkit-linear-gradient(top, #686C5E 0%, #344312 100%);
    background: linear-gradient(to bottom, #686C5E 0%, #344312 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #686C5E 0%, #4C5731 50%, #344312 100%);
    background: -webkit-linear-gradient(top, #686C5E 0%, #4C5731 50%, #344312 100%);
    background: linear-gradient(to bottom, #686C5E 0%, #4C5731 50%, #344312 100%);
}
</style>