#A17C8D - #E4D9DD | 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 #A17C8D to #E4D9DD

#A17C8D #E4D9DD

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

#A17C8D - #E4D9DD | 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 #A17C8D as 0% and #E4D9DD as 100%.

0.0%	0.0% #A17C8D	RGB 161 124 141	#A17C8D
16.7%	16.7% #AC8B9A	RGB 172 139 154	#AC8B9A
33.3%	33.3% #B79BA7	RGB 183 155 167	#B79BA7
50.0%	50.0% #C2AAB5	RGB 194 170 181	#C2AAB5
66.7%	66.7% #CDBAC2	RGB 205 186 194	#CDBAC2
83.3%	83.3% #D8C9CF	RGB 216 201 207	#D8C9CF
100.0%	100.0% #E4D9DD	RGB 228 217 221	#E4D9DD

#A17C8D #AC8B9A #B79BA7 #C2AAB5 #CDBAC2 #D8C9CF #E4D9DD

#A17C8D - #E4D9DD

HSV Blend

#A17C8D - #E4D9DD | 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 #A17C8D as 0% and #E4D9DD as 100%.

0.0%	0.0% #A17C8D	RGB 161 124 141	#A17C8D
16.7%	16.7% #AC8999	RGB 172 137 153	#AC8999
33.3%	33.3% #B798A5	RGB 183 152 165	#B798A5
50.0%	50.0% #C2A7B2	RGB 194 167 178	#C2A7B2
66.7%	66.7% #CDB7C0	RGB 205 183 192	#CDB7C0
83.3%	83.3% #D8C7CE	RGB 216 199 206	#D8C7CE
100.0%	100.0% #E4D9DD	RGB 228 217 221	#E4D9DD

#A17C8D #AC8999 #B798A5 #C2A7B2 #CDB7C0 #D8C7CE #E4D9DD

#A17C8D - #C2A7B2 - #E4D9DD

CSS codes

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

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