#6D4D3C - #D5CCC7 | 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 #6D4D3C to #D5CCC7

#6D4D3C #D5CCC7

Calculate the color between two colors, #6D4D3C and #D5CCC7. 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)

#6D4D3C - #D5CCC7 | 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 #6D4D3C as 0% and #D5CCC7 as 100%.

0.0%	0.0% #6D4D3C	RGB 109 77 60	#6D4D3C
16.7%	16.7% #7E6253	RGB 126 98 83	#7E6253
33.3%	33.3% #8F776A	RGB 143 119 106	#8F776A
50.0%	50.0% #A18C81	RGB 161 140 129	#A18C81
66.7%	66.7% #B2A198	RGB 178 161 152	#B2A198
83.3%	83.3% #C3B6AF	RGB 195 182 175	#C3B6AF
100.0%	100.0% #D5CCC7	RGB 213 204 199	#D5CCC7

#6D4D3C #7E6253 #8F776A #A18C81 #B2A198 #C3B6AF #D5CCC7

#6D4D3C - #D5CCC7

HSV Blend

#6D4D3C - #D5CCC7 | 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 #6D4D3C as 0% and #D5CCC7 as 100%.

0.0%	0.0% #6D4D3C	RGB 109 77 60	#6D4D3C
16.7%	16.7% #7E5E4D	RGB 126 94 77	#7E5E4D
33.3%	33.3% #8F7161	RGB 143 113 97	#8F7161
50.0%	50.0% #A18677	RGB 161 134 119	#A18677
66.7%	66.7% #B29C8F	RGB 178 156 143	#B29C8F
83.3%	83.3% #C3B3AA	RGB 195 179 170	#C3B3AA
100.0%	100.0% #D5CCC7	RGB 213 204 199	#D5CCC7

#6D4D3C #7E5E4D #8F7161 #A18677 #B29C8F #C3B3AA #D5CCC7

#6D4D3C - #A18677 - #D5CCC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D4D3C 0%, #A18677 50%, #D5CCC7 100%);
    background: -webkit-linear-gradient(top, #6D4D3C 0%, #A18677 50%, #D5CCC7 100%);
    background: linear-gradient(to bottom, #6D4D3C 0%, #A18677 50%, #D5CCC7 100%);
}
</style>