#6D5E59 - #D5D1CF | 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 #6D5E59 to #D5D1CF

#6D5E59 #D5D1CF

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

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

0.0%	0.0% #6D5E59	RGB 109 94 89	#6D5E59
16.7%	16.7% #7E716C	RGB 126 113 108	#7E716C
33.3%	33.3% #8F8480	RGB 143 132 128	#8F8480
50.0%	50.0% #A19794	RGB 161 151 148	#A19794
66.7%	66.7% #B2AAA7	RGB 178 170 167	#B2AAA7
83.3%	83.3% #C3BDBB	RGB 195 189 187	#C3BDBB
100.0%	100.0% #D5D1CF	RGB 213 209 207	#D5D1CF

#6D5E59 #7E716C #8F8480 #A19794 #B2AAA7 #C3BDBB #D5D1CF

#6D5E59 - #D5D1CF

HSV Blend

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

0.0%	0.0% #6D5E59	RGB 109 94 89	#6D5E59
16.7%	16.7% #7E6F6A	RGB 126 111 106	#7E6F6A
33.3%	33.3% #8F827C	RGB 143 130 124	#8F827C
50.0%	50.0% #A1948F	RGB 161 148 143	#A1948F
66.7%	66.7% #B2A8A4	RGB 178 168 164	#B2A8A4
83.3%	83.3% #C3BCB9	RGB 195 188 185	#C3BCB9
100.0%	100.0% #D5D1CF	RGB 213 209 207	#D5D1CF

#6D5E59 #7E6F6A #8F827C #A1948F #B2A8A4 #C3BCB9 #D5D1CF

#6D5E59 - #A1948F - #D5D1CF

CSS codes

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

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