#3E2314 - #C7C0BB | 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 #3E2314 to #C7C0BB

#3E2314 #C7C0BB

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

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

0.0%	0.0% #3E2314	RGB 62 35 20	#3E2314
16.7%	16.7% #543D2F	RGB 84 61 47	#543D2F
33.3%	33.3% #6B574B	RGB 107 87 75	#6B574B
50.0%	50.0% #827167	RGB 130 113 103	#827167
66.7%	66.7% #998B83	RGB 153 139 131	#998B83
83.3%	83.3% #B0A59F	RGB 176 165 159	#B0A59F
100.0%	100.0% #C7C0BB	RGB 199 192 187	#C7C0BB

#3E2314 #543D2F #6B574B #827167 #998B83 #B0A59F #C7C0BB

#3E2314 - #C7C0BB

HSV Blend

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

0.0%	0.0% #3E2314	RGB 62 35 20	#3E2314
16.7%	16.7% #543524	RGB 84 53 36	#543524
33.3%	33.3% #6B4C38	RGB 107 76 56	#6B4C38
50.0%	50.0% #826452	RGB 130 100 82	#826452
66.7%	66.7% #998070	RGB 153 128 112	#998070
83.3%	83.3% #B09F93	RGB 176 159 147	#B09F93
100.0%	100.0% #C7C0BB	RGB 199 192 187	#C7C0BB

#3E2314 #543524 #6B4C38 #826452 #998070 #B09F93 #C7C0BB

#3E2314 - #826452 - #C7C0BB

CSS codes

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

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