#A1877C - #E4DCD9 | 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 #A1877C to #E4DCD9

#A1877C #E4DCD9

Calculate the color between two colors, #A1877C and #E4DCD9. 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)

#A1877C - #E4DCD9 | 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 #A1877C as 0% and #E4DCD9 as 100%.

0.0%	0.0% #A1877C	RGB 161 135 124	#A1877C
16.7%	16.7% #AC958B	RGB 172 149 139	#AC958B
33.3%	33.3% #B7A39B	RGB 183 163 155	#B7A39B
50.0%	50.0% #C2B1AA	RGB 194 177 170	#C2B1AA
66.7%	66.7% #CDBFBA	RGB 205 191 186	#CDBFBA
83.3%	83.3% #D8CDC9	RGB 216 205 201	#D8CDC9
100.0%	100.0% #E4DCD9	RGB 228 220 217	#E4DCD9

#A1877C #AC958B #B7A39B #C2B1AA #CDBFBA #D8CDC9 #E4DCD9

#A1877C - #E4DCD9

HSV Blend

#A1877C - #E4DCD9 | 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 #A1877C as 0% and #E4DCD9 as 100%.

0.0%	0.0% #A1877C	RGB 161 135 124	#A1877C
16.7%	16.7% #AC9389	RGB 172 147 137	#AC9389
33.3%	33.3% #B7A198	RGB 183 161 152	#B7A198
50.0%	50.0% #C2AFA7	RGB 194 175 167	#C2AFA7
66.7%	66.7% #CDBDB7	RGB 205 189 183	#CDBDB7
83.3%	83.3% #D8CCC7	RGB 216 204 199	#D8CCC7
100.0%	100.0% #E4DCD9	RGB 228 220 217	#E4DCD9

#A1877C #AC9389 #B7A198 #C2AFA7 #CDBDB7 #D8CCC7 #E4DCD9

#A1877C - #C2AFA7 - #E4DCD9

CSS codes

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

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