#3C201C - #C7BFBE | 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 #3C201C to #C7BFBE

#3C201C #C7BFBE

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

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

0.0%	0.0% #3C201C	RGB 60 32 28	#3C201C
16.7%	16.7% #533A37	RGB 83 58 55	#533A37
33.3%	33.3% #6A5552	RGB 106 85 82	#6A5552
50.0%	50.0% #816F6D	RGB 129 111 109	#816F6D
66.7%	66.7% #988A88	RGB 152 138 136	#988A88
83.3%	83.3% #AFA4A3	RGB 175 164 163	#AFA4A3
100.0%	100.0% #C7BFBE	RGB 199 191 190	#C7BFBE

#3C201C #533A37 #6A5552 #816F6D #988A88 #AFA4A3 #C7BFBE

#3C201C - #C7BFBE

HSV Blend

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

0.0%	0.0% #3C201C	RGB 60 32 28	#3C201C
16.7%	16.7% #53322D	RGB 83 50 45	#53322D
33.3%	33.3% #6A4742	RGB 106 71 66	#6A4742
50.0%	50.0% #81605C	RGB 129 96 92	#81605C
66.7%	66.7% #987C78	RGB 152 124 120	#987C78
83.3%	83.3% #AF9C99	RGB 175 156 153	#AF9C99
100.0%	100.0% #C7BFBE	RGB 199 191 190	#C7BFBE

#3C201C #53322D #6A4742 #81605C #987C78 #AF9C99 #C7BFBE

#3C201C - #81605C - #C7BFBE

CSS codes

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

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