#4D4513 - #CCC9BC | 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 #4D4513 to #CCC9BC

#4D4513 #CCC9BC

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

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

0.0%	0.0% #4D4513	RGB 77 69 19	#4D4513
16.7%	16.7% #625B2F	RGB 98 91 47	#625B2F
33.3%	33.3% #77714B	RGB 119 113 75	#77714B
50.0%	50.0% #8C8767	RGB 140 135 103	#8C8767
66.7%	66.7% #A19D83	RGB 161 157 131	#A19D83
83.3%	83.3% #B6B39F	RGB 182 179 159	#B6B39F
100.0%	100.0% #CCC9BC	RGB 204 201 188	#CCC9BC

#4D4513 #625B2F #77714B #8C8767 #A19D83 #B6B39F #CCC9BC

#4D4513 - #CCC9BC

HSV Blend

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

0.0%	0.0% #4D4513	RGB 77 69 19	#4D4513
16.7%	16.7% #625823	RGB 98 88 35	#625823
33.3%	33.3% #776D38	RGB 119 109 56	#776D38
50.0%	50.0% #8C8252	RGB 140 130 82	#8C8252
66.7%	66.7% #A19970	RGB 161 153 112	#A19970
83.3%	83.3% #B6B093	RGB 182 176 147	#B6B093
100.0%	100.0% #CCC9BC	RGB 204 201 188	#CCC9BC

#4D4513 #625823 #776D38 #8C8252 #A19970 #B6B093 #CCC9BC

#4D4513 - #8C8252 - #CCC9BC

CSS codes

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

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