#4D2013 - #CCBDBB | 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 #4D2013 to #CCBDBB

#4D2013 #CCBDBB

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

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

0.0%	0.0% #4D2013	RGB 77 32 19	#4D2013
16.7%	16.7% #623A2F	RGB 98 58 47	#623A2F
33.3%	33.3% #77544B	RGB 119 84 75	#77544B
50.0%	50.0% #8C6E67	RGB 140 110 103	#8C6E67
66.7%	66.7% #A18883	RGB 161 136 131	#A18883
83.3%	83.3% #B6A29F	RGB 182 162 159	#B6A29F
100.0%	100.0% #CCBDBB	RGB 204 189 187	#CCBDBB

#4D2013 #623A2F #77544B #8C6E67 #A18883 #B6A29F #CCBDBB

#4D2013 - #CCBDBB

HSV Blend

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

0.0%	0.0% #4D2013	RGB 77 32 19	#4D2013
16.7%	16.7% #623023	RGB 98 48 35	#623023
33.3%	33.3% #774438	RGB 119 68 56	#774438
50.0%	50.0% #8C5B51	RGB 140 91 81	#8C5B51
66.7%	66.7% #A17770	RGB 161 119 112	#A17770
83.3%	83.3% #B69893	RGB 182 152 147	#B69893
100.0%	100.0% #CCBDBB	RGB 204 189 187	#CCBDBB

#4D2013 #623023 #774438 #8C5B51 #A17770 #B69893 #CCBDBB

#4D2013 - #8C5B51 - #CCBDBB

CSS codes

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

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