#4D2D3E - #CCC3C7 | 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 #4D2D3E to #CCC3C7

#4D2D3E #CCC3C7

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

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

0.0%	0.0% #4D2D3E	RGB 77 45 62	#4D2D3E
16.7%	16.7% #624654	RGB 98 70 84	#624654
33.3%	33.3% #775F6B	RGB 119 95 107	#775F6B
50.0%	50.0% #8C7882	RGB 140 120 130	#8C7882
66.7%	66.7% #A19199	RGB 161 145 153	#A19199
83.3%	83.3% #B6AAB0	RGB 182 170 176	#B6AAB0
100.0%	100.0% #CCC3C7	RGB 204 195 199	#CCC3C7

#4D2D3E #624654 #775F6B #8C7882 #A19199 #B6AAB0 #CCC3C7

#4D2D3E - #CCC3C7

HSV Blend

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

0.0%	0.0% #4D2D3E	RGB 77 45 62	#4D2D3E
16.7%	16.7% #623F51	RGB 98 63 81	#623F51
33.3%	33.3% #775466	RGB 119 84 102	#775466
50.0%	50.0% #8C6C7B	RGB 140 108 123	#8C6C7B
66.7%	66.7% #A18693	RGB 161 134 147	#A18693
83.3%	83.3% #B6A3AC	RGB 182 163 172	#B6A3AC
100.0%	100.0% #CCC3C7	RGB 204 195 199	#CCC3C7

#4D2D3E #623F51 #775466 #8C6C7B #A18693 #B6A3AC #CCC3C7

#4D2D3E - #8C6C7B - #CCC3C7

CSS codes

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

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