#6F5E3C - #D5D1C7 | 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 #6F5E3C to #D5D1C7

#6F5E3C #D5D1C7

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

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

0.0%	0.0% #6F5E3C	RGB 111 94 60	#6F5E3C
16.7%	16.7% #807153	RGB 128 113 83	#807153
33.3%	33.3% #91846A	RGB 145 132 106	#91846A
50.0%	50.0% #A29781	RGB 162 151 129	#A29781
66.7%	66.7% #B3AA98	RGB 179 170 152	#B3AA98
83.3%	83.3% #C4BDAF	RGB 196 189 175	#C4BDAF
100.0%	100.0% #D5D1C7	RGB 213 209 199	#D5D1C7

#6F5E3C #807153 #91846A #A29781 #B3AA98 #C4BDAF #D5D1C7

#6F5E3C - #D5D1C7

HSV Blend

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

0.0%	0.0% #6F5E3C	RGB 111 94 60	#6F5E3C
16.7%	16.7% #806F4D	RGB 128 111 77	#806F4D
33.3%	33.3% #918161	RGB 145 129 97	#918161
50.0%	50.0% #A29477	RGB 162 148 119	#A29477
66.7%	66.7% #B3A88F	RGB 179 168 143	#B3A88F
83.3%	83.3% #C4BCAA	RGB 196 188 170	#C4BCAA
100.0%	100.0% #D5D1C7	RGB 213 209 199	#D5D1C7

#6F5E3C #806F4D #918161 #A29477 #B3A88F #C4BCAA #D5D1C7

#6F5E3C - #A29477 - #D5D1C7

CSS codes

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

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