#6D3E2B - #D5C7C2 | 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 #6D3E2B to #D5C7C2

#6D3E2B #D5C7C2

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

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

0.0%	0.0% #6D3E2B	RGB 109 62 43	#6D3E2B
16.7%	16.7% #7E5444	RGB 126 84 68	#7E5444
33.3%	33.3% #8F6B5D	RGB 143 107 93	#8F6B5D
50.0%	50.0% #A18276	RGB 161 130 118	#A18276
66.7%	66.7% #B2998F	RGB 178 153 143	#B2998F
83.3%	83.3% #C3B0A8	RGB 195 176 168	#C3B0A8
100.0%	100.0% #D5C7C2	RGB 213 199 194	#D5C7C2

#6D3E2B #7E5444 #8F6B5D #A18276 #B2998F #C3B0A8 #D5C7C2

#6D3E2B - #D5C7C2

HSV Blend

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

0.0%	0.0% #6D3E2A	RGB 109 62 42	#6D3E2A
16.7%	16.7% #7E4F3C	RGB 126 79 60	#7E4F3C
33.3%	33.3% #8F6251	RGB 143 98 81	#8F6251
50.0%	50.0% #A17869	RGB 161 120 105	#A17869
66.7%	66.7% #B29083	RGB 178 144 131	#B29083
83.3%	83.3% #C3AAA1	RGB 195 170 161	#C3AAA1
100.0%	100.0% #D5C7C2	RGB 213 199 194	#D5C7C2

#6D3E2A #7E4F3C #8F6251 #A17869 #B29083 #C3AAA1 #D5C7C2

#6D3E2B - #A17869 - #D5C7C2

CSS codes

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

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