#4D382B - #CCC6C2 | 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 #4D382B to #CCC6C2

#4D382B #CCC6C2

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

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

0.0%	0.0% #4D382B	RGB 77 56 43	#4D382B
16.7%	16.7% #624F44	RGB 98 79 68	#624F44
33.3%	33.3% #77675D	RGB 119 103 93	#77675D
50.0%	50.0% #8C7F76	RGB 140 127 118	#8C7F76
66.7%	66.7% #A1968F	RGB 161 150 143	#A1968F
83.3%	83.3% #B6AEA8	RGB 182 174 168	#B6AEA8
100.0%	100.0% #CCC6C2	RGB 204 198 194	#CCC6C2

#4D382B #624F44 #77675D #8C7F76 #A1968F #B6AEA8 #CCC6C2

#4D382B - #CCC6C2

HSV Blend

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

0.0%	0.0% #4D382B	RGB 77 56 43	#4D382B
16.7%	16.7% #624B3D	RGB 98 75 61	#624B3D
33.3%	33.3% #776052	RGB 119 96 82	#776052
50.0%	50.0% #8C776A	RGB 140 119 106	#8C776A
66.7%	66.7% #A19084	RGB 161 144 132	#A19084
83.3%	83.3% #B6AAA1	RGB 182 170 161	#B6AAA1
100.0%	100.0% #CCC6C2	RGB 204 198 194	#CCC6C2

#4D382B #624B3D #776052 #8C776A #A19084 #B6AAA1 #CCC6C2

#4D382B - #8C776A - #CCC6C2

CSS codes

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

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