#4D2F13 - #CCC3BB | 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 #4D2F13 to #CCC3BB

#4D2F13 #CCC3BB

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

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

0.0%	0.0% #4D2F13	RGB 77 47 19	#4D2F13
16.7%	16.7% #62472F	RGB 98 71 47	#62472F
33.3%	33.3% #77604B	RGB 119 96 75	#77604B
50.0%	50.0% #8C7967	RGB 140 121 103	#8C7967
66.7%	66.7% #A19183	RGB 161 145 131	#A19183
83.3%	83.3% #B6AA9F	RGB 182 170 159	#B6AA9F
100.0%	100.0% #CCC3BB	RGB 204 195 187	#CCC3BB

#4D2F13 #62472F #77604B #8C7967 #A19183 #B6AA9F #CCC3BB

#4D2F13 - #CCC3BB

HSV Blend

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

0.0%	0.0% #4D2F13	RGB 77 47 19	#4D2F13
16.7%	16.7% #624123	RGB 98 65 35	#624123
33.3%	33.3% #775638	RGB 119 86 56	#775638
50.0%	50.0% #8C6D51	RGB 140 109 81	#8C6D51
66.7%	66.7% #A18770	RGB 161 135 112	#A18770
83.3%	83.3% #B6A493	RGB 182 164 147	#B6A493
100.0%	100.0% #CCC3BB	RGB 204 195 187	#CCC3BB

#4D2F13 #624123 #775638 #8C6D51 #A18770 #B6A493 #CCC3BB

#4D2F13 - #8C6D51 - #CCC3BB

CSS codes

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

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