#3C2112 - #C7BFBB | 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 #3C2112 to #C7BFBB

#3C2112 #C7BFBB

Calculate the color between two colors, #3C2112 and #C7BFBB. 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)

#3C2112 - #C7BFBB | 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 #3C2112 as 0% and #C7BFBB as 100%.

0.0%	0.0% #3C2112	RGB 60 33 18	#3C2112
16.7%	16.7% #533B2E	RGB 83 59 46	#533B2E
33.3%	33.3% #6A554A	RGB 106 85 74	#6A554A
50.0%	50.0% #817066	RGB 129 112 102	#817066
66.7%	66.7% #988A82	RGB 152 138 130	#988A82
83.3%	83.3% #AFA49E	RGB 175 164 158	#AFA49E
100.0%	100.0% #C7BFBB	RGB 199 191 187	#C7BFBB

#3C2112 #533B2E #6A554A #817066 #988A82 #AFA49E #C7BFBB

#3C2112 - #C7BFBB

HSV Blend

#3C2112 - #C7BFBB | 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 #3C2112 as 0% and #C7BFBB as 100%.

0.0%	0.0% #3C2112	RGB 60 33 18	#3C2112
16.7%	16.7% #533321	RGB 83 51 33	#533321
33.3%	33.3% #6A4836	RGB 106 72 54	#6A4836
50.0%	50.0% #816150	RGB 129 97 80	#816150
66.7%	66.7% #987D6E	RGB 152 125 110	#987D6E
83.3%	83.3% #AF9C92	RGB 175 156 146	#AF9C92
100.0%	100.0% #C7BFBB	RGB 199 191 187	#C7BFBB

#3C2112 #533321 #6A4836 #816150 #987D6E #AF9C92 #C7BFBB

#3C2112 - #816150 - #C7BFBB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C2112 0%, #816150 50%, #C7BFBB 100%);
    background: -webkit-linear-gradient(top, #3C2112 0%, #816150 50%, #C7BFBB 100%);
    background: linear-gradient(to bottom, #3C2112 0%, #816150 50%, #C7BFBB 100%);
}
</style>