#6D5E58 - #D5D0CF | 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 #6D5E58 to #D5D0CF

#6D5E58 #D5D0CF

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

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

0.0%	0.0% #6D5E58	RGB 109 94 88	#6D5E58
16.7%	16.7% #7E716B	RGB 126 113 107	#7E716B
33.3%	33.3% #8F847F	RGB 143 132 127	#8F847F
50.0%	50.0% #A19793	RGB 161 151 147	#A19793
66.7%	66.7% #B2AAA7	RGB 178 170 167	#B2AAA7
83.3%	83.3% #C3BDBB	RGB 195 189 187	#C3BDBB
100.0%	100.0% #D5D0CF	RGB 213 208 207	#D5D0CF

#6D5E58 #7E716B #8F847F #A19793 #B2AAA7 #C3BDBB #D5D0CF

#6D5E58 - #D5D0CF

HSV Blend

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

0.0%	0.0% #6D5E58	RGB 109 94 88	#6D5E58
16.7%	16.7% #7E6F69	RGB 126 111 105	#7E6F69
33.3%	33.3% #8F807B	RGB 143 128 123	#8F807B
50.0%	50.0% #A1938F	RGB 161 147 143	#A1938F
66.7%	66.7% #B2A6A3	RGB 178 166 163	#B2A6A3
83.3%	83.3% #C3BAB8	RGB 195 186 184	#C3BAB8
100.0%	100.0% #D5D0CF	RGB 213 208 207	#D5D0CF

#6D5E58 #7E6F69 #8F807B #A1938F #B2A6A3 #C3BAB8 #D5D0CF

#6D5E58 - #A1938F - #D5D0CF

CSS codes

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

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