#6D3E3C - #D5C7C7 | 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 #6D3E3C to #D5C7C7

#6D3E3C #D5C7C7

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

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

0.0%	0.0% #6D3E3C	RGB 109 62 60	#6D3E3C
16.7%	16.7% #7E5453	RGB 126 84 83	#7E5453
33.3%	33.3% #8F6B6A	RGB 143 107 106	#8F6B6A
50.0%	50.0% #A18281	RGB 161 130 129	#A18281
66.7%	66.7% #B29998	RGB 178 153 152	#B29998
83.3%	83.3% #C3B0AF	RGB 195 176 175	#C3B0AF
100.0%	100.0% #D5C7C7	RGB 213 199 199	#D5C7C7

#6D3E3C #7E5453 #8F6B6A #A18281 #B29998 #C3B0AF #D5C7C7

#6D3E3C - #D5C7C7

HSV Blend

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

0.0%	0.0% #6D3E3C	RGB 109 62 60	#6D3E3C
16.7%	16.7% #7E4F4D	RGB 126 79 77	#7E4F4D
33.3%	33.3% #8F6261	RGB 143 98 97	#8F6261
50.0%	50.0% #A17877	RGB 161 120 119	#A17877
66.7%	66.7% #B2908F	RGB 178 144 143	#B2908F
83.3%	83.3% #C3AAAA	RGB 195 170 170	#C3AAAA
100.0%	100.0% #D5C7C7	RGB 213 199 199	#D5C7C7

#6D3E3C #7E4F4D #8F6261 #A17877 #B2908F #C3AAAA #D5C7C7

#6D3E3C - #A17877 - #D5C7C7

CSS codes

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

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