#4D4413 - #CCC8BC | 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 #4D4413 to #CCC8BC

#4D4413 #CCC8BC

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

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

0.0%	0.0% #4D4413	RGB 77 68 19	#4D4413
16.7%	16.7% #625A2F	RGB 98 90 47	#625A2F
33.3%	33.3% #77704B	RGB 119 112 75	#77704B
50.0%	50.0% #8C8667	RGB 140 134 103	#8C8667
66.7%	66.7% #A19C83	RGB 161 156 131	#A19C83
83.3%	83.3% #B6B29F	RGB 182 178 159	#B6B29F
100.0%	100.0% #CCC8BC	RGB 204 200 188	#CCC8BC

#4D4413 #625A2F #77704B #8C8667 #A19C83 #B6B29F #CCC8BC

#4D4413 - #CCC8BC

HSV Blend

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

0.0%	0.0% #4D4413	RGB 77 68 19	#4D4413
16.7%	16.7% #625723	RGB 98 87 35	#625723
33.3%	33.3% #776B38	RGB 119 107 56	#776B38
50.0%	50.0% #8C8052	RGB 140 128 82	#8C8052
66.7%	66.7% #A19670	RGB 161 150 112	#A19670
83.3%	83.3% #B6AE93	RGB 182 174 147	#B6AE93
100.0%	100.0% #CCC8BC	RGB 204 200 188	#CCC8BC

#4D4413 #625723 #776B38 #8C8052 #A19670 #B6AE93 #CCC8BC

#4D4413 - #8C8052 - #CCC8BC

CSS codes

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

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