#4D443F - #CCC9C8 | 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 #4D443F to #CCC9C8

#4D443F #CCC9C8

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

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

0.0%	0.0% #4D443F	RGB 77 68 63	#4D443F
16.7%	16.7% #625A55	RGB 98 90 85	#625A55
33.3%	33.3% #77706C	RGB 119 112 108	#77706C
50.0%	50.0% #8C8683	RGB 140 134 131	#8C8683
66.7%	66.7% #A19C9A	RGB 161 156 154	#A19C9A
83.3%	83.3% #B6B2B1	RGB 182 178 177	#B6B2B1
100.0%	100.0% #CCC9C8	RGB 204 201 200	#CCC9C8

#4D443F #625A55 #77706C #8C8683 #A19C9A #B6B2B1 #CCC9C8

#4D443F - #CCC9C8

HSV Blend

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

0.0%	0.0% #4D443F	RGB 77 68 63	#4D443F
16.7%	16.7% #625852	RGB 98 88 82	#625852
33.3%	33.3% #776C68	RGB 119 108 104	#776C68
50.0%	50.0% #8C827E	RGB 140 130 126	#8C827E
66.7%	66.7% #A19995	RGB 161 153 149	#A19995
83.3%	83.3% #B6B0AE	RGB 182 176 174	#B6B0AE
100.0%	100.0% #CCC9C8	RGB 204 201 200	#CCC9C8

#4D443F #625852 #776C68 #8C827E #A19995 #B6B0AE #CCC9C8

#4D443F - #8C827E - #CCC9C8

CSS codes

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

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