#4D453E - #CCC9C7 | 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 #4D453E to #CCC9C7

#4D453E #CCC9C7

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

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

0.0%	0.0% #4D453E	RGB 77 69 62	#4D453E
16.7%	16.7% #625B54	RGB 98 91 84	#625B54
33.3%	33.3% #77716B	RGB 119 113 107	#77716B
50.0%	50.0% #8C8782	RGB 140 135 130	#8C8782
66.7%	66.7% #A19D99	RGB 161 157 153	#A19D99
83.3%	83.3% #B6B3B0	RGB 182 179 176	#B6B3B0
100.0%	100.0% #CCC9C7	RGB 204 201 199	#CCC9C7

#4D453E #625B54 #77716B #8C8782 #A19D99 #B6B3B0 #CCC9C7

#4D453E - #CCC9C7

HSV Blend

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

0.0%	0.0% #4D453E	RGB 77 69 62	#4D453E
16.7%	16.7% #625951	RGB 98 89 81	#625951
33.3%	33.3% #776E66	RGB 119 110 102	#776E66
50.0%	50.0% #8C837D	RGB 140 131 125	#8C837D
66.7%	66.7% #A19A94	RGB 161 154 148	#A19A94
83.3%	83.3% #B6B1AD	RGB 182 177 173	#B6B1AD
100.0%	100.0% #CCC9C7	RGB 204 201 199	#CCC9C7

#4D453E #625951 #776E66 #8C837D #A19A94 #B6B1AD #CCC9C7

#4D453E - #8C837D - #CCC9C7

CSS codes

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

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