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

#6E5E58 #D5D1CF

Calculate the color between two colors, #6E5E58 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)

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

0.0%	0.0% #6E5E58	RGB 110 94 88	#6E5E58
16.7%	16.7% #7F716B	RGB 127 113 107	#7F716B
33.3%	33.3% #90847F	RGB 144 132 127	#90847F
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% #D5D1CF	RGB 213 209 207	#D5D1CF

#6E5E58 #7F716B #90847F #A19793 #B2AAA7 #C3BDBB #D5D1CF

#6E5E58 - #D5D1CF

HSV Blend

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

0.0%	0.0% #6E5E58	RGB 110 94 88	#6E5E58
16.7%	16.7% #7F6F69	RGB 127 111 105	#7F6F69
33.3%	33.3% #90817B	RGB 144 129 123	#90817B
50.0%	50.0% #A1948F	RGB 161 148 143	#A1948F
66.7%	66.7% #B2A8A3	RGB 178 168 163	#B2A8A3
83.3%	83.3% #C3BCB8	RGB 195 188 184	#C3BCB8
100.0%	100.0% #D5D1CF	RGB 213 209 207	#D5D1CF

#6E5E58 #7F6F69 #90817B #A1948F #B2A8A3 #C3BCB8 #D5D1CF

#6E5E58 - #A1948F - #D5D1CF

CSS codes

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

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