#3C1106 - #C7BAB7 | 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 #3C1106 to #C7BAB7

#3C1106 #C7BAB7

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

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

0.0%	0.0% #3C1106	RGB 60 17 6	#3C1106
16.7%	16.7% #532D23	RGB 83 45 35	#532D23
33.3%	33.3% #6A4941	RGB 106 73 65	#6A4941
50.0%	50.0% #81655E	RGB 129 101 94	#81655E
66.7%	66.7% #98817C	RGB 152 129 124	#98817C
83.3%	83.3% #AF9D99	RGB 175 157 153	#AF9D99
100.0%	100.0% #C7BAB7	RGB 199 186 183	#C7BAB7

#3C1106 #532D23 #6A4941 #81655E #98817C #AF9D99 #C7BAB7

#3C1106 - #C7BAB7

HSV Blend

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

0.0%	0.0% #3C1106	RGB 60 17 6	#3C1106
16.7%	16.7% #532013	RGB 83 32 19	#532013
33.3%	33.3% #6A3427	RGB 106 52 39	#6A3427
50.0%	50.0% #814E42	RGB 129 78 66	#814E42
66.7%	66.7% #986D62	RGB 152 109 98	#986D62
83.3%	83.3% #AF9089	RGB 175 144 137	#AF9089
100.0%	100.0% #C7BAB7	RGB 199 186 183	#C7BAB7

#3C1106 #532013 #6A3427 #814E42 #986D62 #AF9089 #C7BAB7

#3C1106 - #814E42 - #C7BAB7

CSS codes

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

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