#4D3C14 - #CCC6BC | 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 #4D3C14 to #CCC6BC

#4D3C14 #CCC6BC

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

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

0.0%	0.0% #4D3C14	RGB 77 60 20	#4D3C14
16.7%	16.7% #625330	RGB 98 83 48	#625330
33.3%	33.3% #776A4C	RGB 119 106 76	#776A4C
50.0%	50.0% #8C8168	RGB 140 129 104	#8C8168
66.7%	66.7% #A19884	RGB 161 152 132	#A19884
83.3%	83.3% #B6AFA0	RGB 182 175 160	#B6AFA0
100.0%	100.0% #CCC6BC	RGB 204 198 188	#CCC6BC

#4D3C14 #625330 #776A4C #8C8168 #A19884 #B6AFA0 #CCC6BC

#4D3C14 - #CCC6BC

HSV Blend

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

0.0%	0.0% #4D3C13	RGB 77 60 19	#4D3C13
16.7%	16.7% #624E24	RGB 98 78 36	#624E24
33.3%	33.3% #776339	RGB 119 99 57	#776339
50.0%	50.0% #8C7952	RGB 140 121 82	#8C7952
66.7%	66.7% #A19071	RGB 161 144 113	#A19071
83.3%	83.3% #B6AA94	RGB 182 170 148	#B6AA94
100.0%	100.0% #CCC6BC	RGB 204 198 188	#CCC6BC

#4D3C13 #624E24 #776339 #8C7952 #A19071 #B6AA94 #CCC6BC

#4D3C14 - #8C7952 - #CCC6BC

CSS codes

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

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