#6B5E27 - #463207 | 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 #6B5E27 to #463207

#6B5E27 #463207

Calculate the color between two colors, #6B5E27 and #463207. 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)

#6B5E27 - #463207 | 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 #6B5E27 as 0% and #463207 as 100%.

0.0%	0.0% #6B5E27	RGB 107 94 39	#6B5E27
16.7%	16.7% #645621	RGB 100 86 33	#645621
33.3%	33.3% #5E4F1C	RGB 94 79 28	#5E4F1C
50.0%	50.0% #584817	RGB 88 72 23	#584817
66.7%	66.7% #524011	RGB 82 64 17	#524011
83.3%	83.3% #4C390C	RGB 76 57 12	#4C390C
100.0%	100.0% #463207	RGB 70 50 7	#463207

#6B5E27 #645621 #5E4F1C #584817 #524011 #4C390C #463207

#6B5E27 - #463207

HSV Blend

#6B5E27 - #463207 | 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 #6B5E27 as 0% and #463207 as 100%.

0.0%	0.0% #6B5E27	RGB 107 94 39	#6B5E27
16.7%	16.7% #645620	RGB 100 86 32	#645620
33.3%	33.3% #5E4E1A	RGB 94 78 26	#5E4E1A
50.0%	50.0% #584714	RGB 88 71 20	#584714
66.7%	66.7% #523F0F	RGB 82 63 15	#523F0F
83.3%	83.3% #4C380A	RGB 76 56 10	#4C380A
100.0%	100.0% #463207	RGB 70 50 7	#463207

#6B5E27 #645620 #5E4E1A #584714 #523F0F #4C380A #463207

#6B5E27 - #584714 - #463207

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5E27 0%, #584714 50%, #463207 100%);
    background: -webkit-linear-gradient(top, #6B5E27 0%, #584714 50%, #463207 100%);
    background: linear-gradient(to bottom, #6B5E27 0%, #584714 50%, #463207 100%);
}
</style>