#D1AEB0 - #8C5C4D | 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 #D1AEB0 to #8C5C4D

#D1AEB0 #8C5C4D

Calculate the color between two colors, #D1AEB0 and #8C5C4D. 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)

#D1AEB0 - #8C5C4D | 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 #D1AEB0 as 0% and #8C5C4D as 100%.

0.0%	0.0% #D1AEB0	RGB 209 174 176	#D1AEB0
16.7%	16.7% #C5A09F	RGB 197 160 159	#C5A09F
33.3%	33.3% #BA928F	RGB 186 146 143	#BA928F
50.0%	50.0% #AE857E	RGB 174 133 126	#AE857E
66.7%	66.7% #A3776E	RGB 163 119 110	#A3776E
83.3%	83.3% #97695D	RGB 151 105 93	#97695D
100.0%	100.0% #8C5C4D	RGB 140 92 77	#8C5C4D

#D1AEB0 #C5A09F #BA928F #AE857E #A3776E #97695D #8C5C4D

#D1AEB0 - #8C5C4D

HSV Blend

#D1AEB0 - #8C5C4D | 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 #D1AEB0 as 0% and #8C5C4D as 100%.

0.0%	0.0% #D1AEB0	RGB 209 174 176	#D1AEB0
16.7%	16.7% #C59B9B	RGB 197 155 155	#C59B9B
33.3%	33.3% #BA8B89	RGB 186 139 137	#BA8B89
50.0%	50.0% #AE7D78	RGB 174 125 120	#AE7D78
66.7%	66.7% #A37169	RGB 163 113 105	#A37169
83.3%	83.3% #97655A	RGB 151 101 90	#97655A
100.0%	100.0% #8C5C4D	RGB 140 92 77	#8C5C4D

#D1AEB0 #C59B9B #BA8B89 #AE7D78 #A37169 #97655A #8C5C4D

#D1AEB0 - #AE7D78 - #8C5C4D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D1AEB0 0%, #AE7D78 50%, #8C5C4D 100%);
    background: -webkit-linear-gradient(top, #D1AEB0 0%, #AE7D78 50%, #8C5C4D 100%);
    background: linear-gradient(to bottom, #D1AEB0 0%, #AE7D78 50%, #8C5C4D 100%);
}
</style>