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

#A16F7D #E4D5DA

Calculate the color between two colors, #A16F7D 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)

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

0.0%	0.0% #A16F7D	RGB 161 111 125	#A16F7D
16.7%	16.7% #AC808C	RGB 172 128 140	#AC808C
33.3%	33.3% #B7919C	RGB 183 145 156	#B7919C
50.0%	50.0% #C2A2AB	RGB 194 162 171	#C2A2AB
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

#A16F7D #AC808C #B7919C #C2A2AB #CDB3BB #D8C4CA #E4D5DA

#A16F7D - #E4D5DA

HSV Blend

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

0.0%	0.0% #A16F7D	RGB 161 111 125	#A16F7D
16.7%	16.7% #AC7D8B	RGB 172 125 139	#AC7D8B
33.3%	33.3% #B78D99	RGB 183 141 153	#B78D99
50.0%	50.0% #C29DA9	RGB 194 157 169	#C29DA9
66.7%	66.7% #CDAFB8	RGB 205 175 184	#CDAFB8
83.3%	83.3% #D8C1C9	RGB 216 193 201	#D8C1C9
100.0%	100.0% #E4D5DA	RGB 228 213 218	#E4D5DA

#A16F7D #AC7D8B #B78D99 #C29DA9 #CDAFB8 #D8C1C9 #E4D5DA

#A16F7D - #C29DA9 - #E4D5DA

CSS codes

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

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