#A16F9E - #E4D5E4 | 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 #A16F9E to #E4D5E4

#A16F9E #E4D5E4

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

#A16F9E - #E4D5E4 | 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 #A16F9E as 0% and #E4D5E4 as 100%.

0.0%	0.0% #A16F9E	RGB 161 111 158	#A16F9E
16.7%	16.7% #AC80A9	RGB 172 128 169	#AC80A9
33.3%	33.3% #B791B5	RGB 183 145 181	#B791B5
50.0%	50.0% #C2A2C1	RGB 194 162 193	#C2A2C1
66.7%	66.7% #CDB3CC	RGB 205 179 204	#CDB3CC
83.3%	83.3% #D8C4D8	RGB 216 196 216	#D8C4D8
100.0%	100.0% #E4D5E4	RGB 228 213 228	#E4D5E4

#A16F9E #AC80A9 #B791B5 #C2A2C1 #CDB3CC #D8C4D8 #E4D5E4

#A16F9E - #E4D5E4

HSV Blend

#A16F9E - #E4D5E4 | 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 #A16F9E as 0% and #E4D5E4 as 100%.

0.0%	0.0% #A16F9E	RGB 161 111 158	#A16F9E
16.7%	16.7% #AC7DA9	RGB 172 125 169	#AC7DA9
33.3%	33.3% #B78DB5	RGB 183 141 181	#B78DB5
50.0%	50.0% #C29DC1	RGB 194 157 193	#C29DC1
66.7%	66.7% #CDAFCD	RGB 205 175 205	#CDAFCD
83.3%	83.3% #D8C1D8	RGB 216 193 216	#D8C1D8
100.0%	100.0% #E4D5E4	RGB 228 213 228	#E4D5E4

#A16F9E #AC7DA9 #B78DB5 #C29DC1 #CDAFCD #D8C1D8 #E4D5E4

#A16F9E - #C29DC1 - #E4D5E4

CSS codes

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

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