#3C1805 - #C7BDB7 | 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 #3C1805 to #C7BDB7

#3C1805 #C7BDB7

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

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

0.0%	0.0% #3C1805	RGB 60 24 5	#3C1805
16.7%	16.7% #533322	RGB 83 51 34	#533322
33.3%	33.3% #6A4F40	RGB 106 79 64	#6A4F40
50.0%	50.0% #816A5E	RGB 129 106 94	#816A5E
66.7%	66.7% #98867B	RGB 152 134 123	#98867B
83.3%	83.3% #AFA199	RGB 175 161 153	#AFA199
100.0%	100.0% #C7BDB7	RGB 199 189 183	#C7BDB7

#3C1805 #533322 #6A4F40 #816A5E #98867B #AFA199 #C7BDB7

#3C1805 - #C7BDB7

HSV Blend

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

0.0%	0.0% #3C1804	RGB 60 24 4	#3C1804
16.7%	16.7% #532912	RGB 83 41 18	#532912
33.3%	33.3% #6A3E26	RGB 106 62 38	#6A3E26
50.0%	50.0% #815840	RGB 129 88 64	#815840
66.7%	66.7% #987561	RGB 152 117 97	#987561
83.3%	83.3% #AF9789	RGB 175 151 137	#AF9789
100.0%	100.0% #C7BDB7	RGB 199 189 183	#C7BDB7

#3C1804 #532912 #6A3E26 #815840 #987561 #AF9789 #C7BDB7

#3C1805 - #815840 - #C7BDB7

CSS codes

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

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