#4D2F00 - #CCC4B6 | 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 #4D2F00 to #CCC4B6

#4D2F00 #CCC4B6

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

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

0.0%	0.0% #4D2F00	RGB 77 47 0	#4D2F00
16.7%	16.7% #62471E	RGB 98 71 30	#62471E
33.3%	33.3% #77603C	RGB 119 96 60	#77603C
50.0%	50.0% #8C795B	RGB 140 121 91	#8C795B
66.7%	66.7% #A19279	RGB 161 146 121	#A19279
83.3%	83.3% #B6AB97	RGB 182 171 151	#B6AB97
100.0%	100.0% #CCC4B6	RGB 204 196 182	#CCC4B6

#4D2F00 #62471E #77603C #8C795B #A19279 #B6AB97 #CCC4B6

#4D2F00 - #CCC4B6

HSV Blend

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

0.0%	0.0% #4D2F00	RGB 77 47 0	#4D2F00
16.7%	16.7% #62410E	RGB 98 65 14	#62410E
33.3%	33.3% #775723	RGB 119 87 35	#775723
50.0%	50.0% #8C6F3E	RGB 140 111 62	#8C6F3E
66.7%	66.7% #A18960	RGB 161 137 96	#A18960
83.3%	83.3% #B6A587	RGB 182 165 135	#B6A587
100.0%	100.0% #CCC4B6	RGB 204 196 182	#CCC4B6

#4D2F00 #62410E #775723 #8C6F3E #A18960 #B6A587 #CCC4B6

#4D2F00 - #8C6F3E - #CCC4B6

CSS codes

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

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