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

#4D2F33 #CCC3C4

Calculate the color between two colors, #4D2F33 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)

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

0.0%	0.0% #4D2F33	RGB 77 47 51	#4D2F33
16.7%	16.7% #62474B	RGB 98 71 75	#62474B
33.3%	33.3% #776063	RGB 119 96 99	#776063
50.0%	50.0% #8C797B	RGB 140 121 123	#8C797B
66.7%	66.7% #A19193	RGB 161 145 147	#A19193
83.3%	83.3% #B6AAAB	RGB 182 170 171	#B6AAAB
100.0%	100.0% #CCC3C4	RGB 204 195 196	#CCC3C4

#4D2F33 #62474B #776063 #8C797B #A19193 #B6AAAB #CCC3C4

#4D2F33 - #CCC3C4

HSV Blend

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

0.0%	0.0% #4D2F33	RGB 77 47 51	#4D2F33
16.7%	16.7% #624145	RGB 98 65 69	#624145
33.3%	33.3% #77565A	RGB 119 86 90	#77565A
50.0%	50.0% #8C6E71	RGB 140 110 113	#8C6E71
66.7%	66.7% #A1878A	RGB 161 135 138	#A1878A
83.3%	83.3% #B6A4A6	RGB 182 164 166	#B6A4A6
100.0%	100.0% #CCC3C4	RGB 204 195 196	#CCC3C4

#4D2F33 #624145 #77565A #8C6E71 #A1878A #B6A4A6 #CCC3C4

#4D2F33 - #8C6E71 - #CCC3C4

CSS codes

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

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