#3C1808 - #C7BDB8 | 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 #3C1808 to #C7BDB8

#3C1808 #C7BDB8

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

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

0.0%	0.0% #3C1808	RGB 60 24 8	#3C1808
16.7%	16.7% #533325	RGB 83 51 37	#533325
33.3%	33.3% #6A4F42	RGB 106 79 66	#6A4F42
50.0%	50.0% #816A60	RGB 129 106 96	#816A60
66.7%	66.7% #98867D	RGB 152 134 125	#98867D
83.3%	83.3% #AFA19A	RGB 175 161 154	#AFA19A
100.0%	100.0% #C7BDB8	RGB 199 189 184	#C7BDB8

#3C1808 #533325 #6A4F42 #816A60 #98867D #AFA19A #C7BDB8

#3C1808 - #C7BDB8

HSV Blend

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

0.0%	0.0% #3C1808	RGB 60 24 8	#3C1808
16.7%	16.7% #532916	RGB 83 41 22	#532916
33.3%	33.3% #6A3E2A	RGB 106 62 42	#6A3E2A
50.0%	50.0% #815844	RGB 129 88 68	#815844
66.7%	66.7% #987564	RGB 152 117 100	#987564
83.3%	83.3% #AF978B	RGB 175 151 139	#AF978B
100.0%	100.0% #C7BDB8	RGB 199 189 184	#C7BDB8

#3C1808 #532916 #6A3E2A #815844 #987564 #AF978B #C7BDB8

#3C1808 - #815844 - #C7BDB8

CSS codes

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

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