#6E5E52 - #D5D1CD | 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 #6E5E52 to #D5D1CD

#6E5E52 #D5D1CD

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

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

0.0%	0.0% #6E5E52	RGB 110 94 82	#6E5E52
16.7%	16.7% #7F7166	RGB 127 113 102	#7F7166
33.3%	33.3% #90847B	RGB 144 132 123	#90847B
50.0%	50.0% #A1978F	RGB 161 151 143	#A1978F
66.7%	66.7% #B2AAA4	RGB 178 170 164	#B2AAA4
83.3%	83.3% #C3BDB8	RGB 195 189 184	#C3BDB8
100.0%	100.0% #D5D1CD	RGB 213 209 205	#D5D1CD

#6E5E52 #7F7166 #90847B #A1978F #B2AAA4 #C3BDB8 #D5D1CD

#6E5E52 - #D5D1CD

HSV Blend

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

0.0%	0.0% #6E5E52	RGB 110 94 82	#6E5E52
16.7%	16.7% #7F6F63	RGB 127 111 99	#7F6F63
33.3%	33.3% #908176	RGB 144 129 118	#908176
50.0%	50.0% #A19489	RGB 161 148 137	#A19489
66.7%	66.7% #B2A89F	RGB 178 168 159	#B2A89F
83.3%	83.3% #C3BCB5	RGB 195 188 181	#C3BCB5
100.0%	100.0% #D5D1CD	RGB 213 209 205	#D5D1CD

#6E5E52 #7F6F63 #908176 #A19489 #B2A89F #C3BCB5 #D5D1CD

#6E5E52 - #A19489 - #D5D1CD

CSS codes

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

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