#6B5532 - #D4CEC4 | 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 #6B5532 to #D4CEC4

#6B5532 #D4CEC4

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

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

0.0%	0.0% #6B5532	RGB 107 85 50	#6B5532
16.7%	16.7% #7C694A	RGB 124 105 74	#7C694A
33.3%	33.3% #8E7D62	RGB 142 125 98	#8E7D62
50.0%	50.0% #9F917B	RGB 159 145 123	#9F917B
66.7%	66.7% #B1A593	RGB 177 165 147	#B1A593
83.3%	83.3% #C2B9AB	RGB 194 185 171	#C2B9AB
100.0%	100.0% #D4CEC4	RGB 212 206 196	#D4CEC4

#6B5532 #7C694A #8E7D62 #9F917B #B1A593 #C2B9AB #D4CEC4

#6B5532 - #D4CEC4

HSV Blend

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

0.0%	0.0% #6B5532	RGB 107 85 50	#6B5532
16.7%	16.7% #7C6643	RGB 124 102 67	#7C6643
33.3%	33.3% #8E7957	RGB 142 121 87	#8E7957
50.0%	50.0% #9F8D6E	RGB 159 141 110	#9F8D6E
66.7%	66.7% #B1A188	RGB 177 161 136	#B1A188
83.3%	83.3% #C2B7A4	RGB 194 183 164	#C2B7A4
100.0%	100.0% #D4CEC4	RGB 212 206 196	#D4CEC4

#6B5532 #7C6643 #8E7957 #9F8D6E #B1A188 #C2B7A4 #D4CEC4

#6B5532 - #9F8D6E - #D4CEC4

CSS codes

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

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