#6B5D2F - #D4CFC3 | 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 #6B5D2F to #D4CFC3

#6B5D2F #D4CFC3

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

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

0.0%	0.0% #6B5D2F	RGB 107 93 47	#6B5D2F
16.7%	16.7% #7C7047	RGB 124 112 71	#7C7047
33.3%	33.3% #8E8360	RGB 142 131 96	#8E8360
50.0%	50.0% #9F9679	RGB 159 150 121	#9F9679
66.7%	66.7% #B1A991	RGB 177 169 145	#B1A991
83.3%	83.3% #C2BCAA	RGB 194 188 170	#C2BCAA
100.0%	100.0% #D4CFC3	RGB 212 207 195	#D4CFC3

#6B5D2F #7C7047 #8E8360 #9F9679 #B1A991 #C2BCAA #D4CFC3

#6B5D2F - #D4CFC3

HSV Blend

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

0.0%	0.0% #6B5D2F	RGB 107 93 47	#6B5D2F
16.7%	16.7% #7C6D40	RGB 124 109 64	#7C6D40
33.3%	33.3% #8E7F55	RGB 142 127 85	#8E7F55
50.0%	50.0% #9F926C	RGB 159 146 108	#9F926C
66.7%	66.7% #B1A586	RGB 177 165 134	#B1A586
83.3%	83.3% #C2B9A3	RGB 194 185 163	#C2B9A3
100.0%	100.0% #D4CFC3	RGB 212 207 195	#D4CFC3

#6B5D2F #7C6D40 #8E7F55 #9F926C #B1A586 #C2B9A3 #D4CFC3

#6B5D2F - #9F926C - #D4CFC3

CSS codes

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

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