#4D3E3A - #CCC7C6 | 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 #4D3E3A to #CCC7C6

#4D3E3A #CCC7C6

Calculate the color between two colors, #4D3E3A and #CCC7C6. 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)

#4D3E3A - #CCC7C6 | 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 #4D3E3A as 0% and #CCC7C6 as 100%.

0.0%	0.0% #4D3E3A	RGB 77 62 58	#4D3E3A
16.7%	16.7% #625451	RGB 98 84 81	#625451
33.3%	33.3% #776B68	RGB 119 107 104	#776B68
50.0%	50.0% #8C8280	RGB 140 130 128	#8C8280
66.7%	66.7% #A19997	RGB 161 153 151	#A19997
83.3%	83.3% #B6B0AE	RGB 182 176 174	#B6B0AE
100.0%	100.0% #CCC7C6	RGB 204 199 198	#CCC7C6

#4D3E3A #625451 #776B68 #8C8280 #A19997 #B6B0AE #CCC7C6

#4D3E3A - #CCC7C6

HSV Blend

#4D3E3A - #CCC7C6 | 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 #4D3E3A as 0% and #CCC7C6 as 100%.

0.0%	0.0% #4D3E3A	RGB 77 62 58	#4D3E3A
16.7%	16.7% #62514D	RGB 98 81 77	#62514D
33.3%	33.3% #776662	RGB 119 102 98	#776662
50.0%	50.0% #8C7C79	RGB 140 124 121	#8C7C79
66.7%	66.7% #A19491	RGB 161 148 145	#A19491
83.3%	83.3% #B6ACAA	RGB 182 172 170	#B6ACAA
100.0%	100.0% #CCC7C6	RGB 204 199 198	#CCC7C6

#4D3E3A #62514D #776662 #8C7C79 #A19491 #B6ACAA #CCC7C6

#4D3E3A - #8C7C79 - #CCC7C6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D3E3A 0%, #8C7C79 50%, #CCC7C6 100%);
    background: -webkit-linear-gradient(top, #4D3E3A 0%, #8C7C79 50%, #CCC7C6 100%);
    background: linear-gradient(to bottom, #4D3E3A 0%, #8C7C79 50%, #CCC7C6 100%);
}
</style>