#4D3E21 - #CCC7BF | 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 #4D3E21 to #CCC7BF

#4D3E21 #CCC7BF

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

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

0.0%	0.0% #4D3E21	RGB 77 62 33	#4D3E21
16.7%	16.7% #62543B	RGB 98 84 59	#62543B
33.3%	33.3% #776B55	RGB 119 107 85	#776B55
50.0%	50.0% #8C8270	RGB 140 130 112	#8C8270
66.7%	66.7% #A1998A	RGB 161 153 138	#A1998A
83.3%	83.3% #B6B0A4	RGB 182 176 164	#B6B0A4
100.0%	100.0% #CCC7BF	RGB 204 199 191	#CCC7BF

#4D3E21 #62543B #776B55 #8C8270 #A1998A #B6B0A4 #CCC7BF

#4D3E21 - #CCC7BF

HSV Blend

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

0.0%	0.0% #4D3E21	RGB 77 62 33	#4D3E21
16.7%	16.7% #625132	RGB 98 81 50	#625132
33.3%	33.3% #776647	RGB 119 102 71	#776647
50.0%	50.0% #8C7C5F	RGB 140 124 95	#8C7C5F
66.7%	66.7% #A1937C	RGB 161 147 124	#A1937C
83.3%	83.3% #B6AC9B	RGB 182 172 155	#B6AC9B
100.0%	100.0% #CCC7BF	RGB 204 199 191	#CCC7BF

#4D3E21 #625132 #776647 #8C7C5F #A1937C #B6AC9B #CCC7BF

#4D3E21 - #8C7C5F - #CCC7BF

CSS codes

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

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