#391706 - #C6BCB7 | 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 #391706 to #C6BCB7

#391706 #C6BCB7

Calculate the color between two colors, #391706 and #C6BCB7. 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)

#391706 - #C6BCB7 | 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 #391706 as 0% and #C6BCB7 as 100%.

0.0%	0.0% #391706	RGB 57 23 6	#391706
16.7%	16.7% #503223	RGB 80 50 35	#503223
33.3%	33.3% #684E41	RGB 104 78 65	#684E41
50.0%	50.0% #7F695E	RGB 127 105 94	#7F695E
66.7%	66.7% #97857C	RGB 151 133 124	#97857C
83.3%	83.3% #AEA099	RGB 174 160 153	#AEA099
100.0%	100.0% #C6BCB7	RGB 198 188 183	#C6BCB7

#391706 #503223 #684E41 #7F695E #97857C #AEA099 #C6BCB7

#391706 - #C6BCB7

HSV Blend

#391706 - #C6BCB7 | 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 #391706 as 0% and #C6BCB7 as 100%.

0.0%	0.0% #391706	RGB 57 23 6	#391706
16.7%	16.7% #502713	RGB 80 39 19	#502713
33.3%	33.3% #683C27	RGB 104 60 39	#683C27
50.0%	50.0% #7F5641	RGB 127 86 65	#7F5641
66.7%	66.7% #977362	RGB 151 115 98	#977362
83.3%	83.3% #AE9589	RGB 174 149 137	#AE9589
100.0%	100.0% #C6BCB7	RGB 198 188 183	#C6BCB7

#391706 #502713 #683C27 #7F5641 #977362 #AE9589 #C6BCB7

#391706 - #7F5641 - #C6BCB7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #391706 0%, #7F5641 50%, #C6BCB7 100%);
    background: -webkit-linear-gradient(top, #391706 0%, #7F5641 50%, #C6BCB7 100%);
    background: linear-gradient(to bottom, #391706 0%, #7F5641 50%, #C6BCB7 100%);
}
</style>