#A16F7E - #E4D5DA | 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 #A16F7E to #E4D5DA

#A16F7E #E4D5DA

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

#A16F7E - #E4D5DA | 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 #A16F7E as 0% and #E4D5DA as 100%.

0.0%	0.0% #A16F7E	RGB 161 111 126	#A16F7E
16.7%	16.7% #AC808D	RGB 172 128 141	#AC808D
33.3%	33.3% #B7919C	RGB 183 145 156	#B7919C
50.0%	50.0% #C2A2AC	RGB 194 162 172	#C2A2AC
66.7%	66.7% #CDB3BB	RGB 205 179 187	#CDB3BB
83.3%	83.3% #D8C4CA	RGB 216 196 202	#D8C4CA
100.0%	100.0% #E4D5DA	RGB 228 213 218	#E4D5DA

#A16F7E #AC808D #B7919C #C2A2AC #CDB3BB #D8C4CA #E4D5DA

#A16F7E - #E4D5DA

HSV Blend

#A16F7E - #E4D5DA | 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 #A16F7E as 0% and #E4D5DA as 100%.

0.0%	0.0% #A16F7E	RGB 161 111 126	#A16F7E
16.7%	16.7% #AC7D8B	RGB 172 125 139	#AC7D8B
33.3%	33.3% #B78D9A	RGB 183 141 154	#B78D9A
50.0%	50.0% #C29DA9	RGB 194 157 169	#C29DA9
66.7%	66.7% #CDAFB9	RGB 205 175 185	#CDAFB9
83.3%	83.3% #D8C1C9	RGB 216 193 201	#D8C1C9
100.0%	100.0% #E4D5DA	RGB 228 213 218	#E4D5DA

#A16F7E #AC7D8B #B78D9A #C29DA9 #CDAFB9 #D8C1C9 #E4D5DA

#A16F7E - #C29DA9 - #E4D5DA

CSS codes

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

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