#6D3F3E - #D5C8C7 | 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 #6D3F3E to #D5C8C7

#6D3F3E #D5C8C7

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

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

0.0%	0.0% #6D3F3E	RGB 109 63 62	#6D3F3E
16.7%	16.7% #7E5554	RGB 126 85 84	#7E5554
33.3%	33.3% #8F6C6B	RGB 143 108 107	#8F6C6B
50.0%	50.0% #A18382	RGB 161 131 130	#A18382
66.7%	66.7% #B29A99	RGB 178 154 153	#B29A99
83.3%	83.3% #C3B1B0	RGB 195 177 176	#C3B1B0
100.0%	100.0% #D5C8C7	RGB 213 200 199	#D5C8C7

#6D3F3E #7E5554 #8F6C6B #A18382 #B29A99 #C3B1B0 #D5C8C7

#6D3F3E - #D5C8C7

HSV Blend

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

0.0%	0.0% #6D3F3E	RGB 109 63 62	#6D3F3E
16.7%	16.7% #7E504F	RGB 126 80 79	#7E504F
33.3%	33.3% #8F6463	RGB 143 100 99	#8F6463
50.0%	50.0% #A17A78	RGB 161 122 120	#A17A78
66.7%	66.7% #B29290	RGB 178 146 144	#B29290
83.3%	83.3% #C3ACAA	RGB 195 172 170	#C3ACAA
100.0%	100.0% #D5C8C7	RGB 213 200 199	#D5C8C7

#6D3F3E #7E504F #8F6463 #A17A78 #B29290 #C3ACAA #D5C8C7

#6D3F3E - #A17A78 - #D5C8C7

CSS codes

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

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