#4E2D32 - #CCC3C4 | 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 #4E2D32 to #CCC3C4

#4E2D32 #CCC3C4

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

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

0.0%	0.0% #4E2D32	RGB 78 45 50	#4E2D32
16.7%	16.7% #63464A	RGB 99 70 74	#63464A
33.3%	33.3% #785F62	RGB 120 95 98	#785F62
50.0%	50.0% #8D787B	RGB 141 120 123	#8D787B
66.7%	66.7% #A29193	RGB 162 145 147	#A29193
83.3%	83.3% #B7AAAB	RGB 183 170 171	#B7AAAB
100.0%	100.0% #CCC3C4	RGB 204 195 196	#CCC3C4

#4E2D32 #63464A #785F62 #8D787B #A29193 #B7AAAB #CCC3C4

#4E2D32 - #CCC3C4

HSV Blend

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

0.0%	0.0% #4E2D32	RGB 78 45 50	#4E2D32
16.7%	16.7% #633F44	RGB 99 63 68	#633F44
33.3%	33.3% #785459	RGB 120 84 89	#785459
50.0%	50.0% #8D6C70	RGB 141 108 112	#8D6C70
66.7%	66.7% #A28689	RGB 162 134 137	#A28689
83.3%	83.3% #B7A3A5	RGB 183 163 165	#B7A3A5
100.0%	100.0% #CCC3C4	RGB 204 195 196	#CCC3C4

#4E2D32 #633F44 #785459 #8D6C70 #A28689 #B7A3A5 #CCC3C4

#4E2D32 - #8D6C70 - #CCC3C4

CSS codes

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

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