#6D5E4C - #D5D1CB | 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 #6D5E4C to #D5D1CB

#6D5E4C #D5D1CB

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

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

0.0%	0.0% #6D5E4C	RGB 109 94 76	#6D5E4C
16.7%	16.7% #7E7161	RGB 126 113 97	#7E7161
33.3%	33.3% #8F8476	RGB 143 132 118	#8F8476
50.0%	50.0% #A1978B	RGB 161 151 139	#A1978B
66.7%	66.7% #B2AAA0	RGB 178 170 160	#B2AAA0
83.3%	83.3% #C3BDB5	RGB 195 189 181	#C3BDB5
100.0%	100.0% #D5D1CB	RGB 213 209 203	#D5D1CB

#6D5E4C #7E7161 #8F8476 #A1978B #B2AAA0 #C3BDB5 #D5D1CB

#6D5E4C - #D5D1CB

HSV Blend

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

0.0%	0.0% #6D5E4C	RGB 109 94 76	#6D5E4C
16.7%	16.7% #7E6F5D	RGB 126 111 93	#7E6F5D
33.3%	33.3% #8F8270	RGB 143 130 112	#8F8270
50.0%	50.0% #A19484	RGB 161 148 132	#A19484
66.7%	66.7% #B2A89A	RGB 178 168 154	#B2A89A
83.3%	83.3% #C3BCB2	RGB 195 188 178	#C3BCB2
100.0%	100.0% #D5D1CB	RGB 213 209 203	#D5D1CB

#6D5E4C #7E6F5D #8F8270 #A19484 #B2A89A #C3BCB2 #D5D1CB

#6D5E4C - #A19484 - #D5D1CB

CSS codes

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

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