#A16FC3 - #E4D5ED | 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 #A16FC3 to #E4D5ED

#A16FC3 #E4D5ED

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

#A16FC3 - #E4D5ED | 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 #A16FC3 as 0% and #E4D5ED as 100%.

0.0%	0.0% #A16FC3	RGB 161 111 195	#A16FC3
16.7%	16.7% #AC80CA	RGB 172 128 202	#AC80CA
33.3%	33.3% #B791D1	RGB 183 145 209	#B791D1
50.0%	50.0% #C2A2D8	RGB 194 162 216	#C2A2D8
66.7%	66.7% #CDB3DF	RGB 205 179 223	#CDB3DF
83.3%	83.3% #D8C4E6	RGB 216 196 230	#D8C4E6
100.0%	100.0% #E4D5ED	RGB 228 213 237	#E4D5ED

#A16FC3 #AC80CA #B791D1 #C2A2D8 #CDB3DF #D8C4E6 #E4D5ED

#A16FC3 - #E4D5ED

HSV Blend

#A16FC3 - #E4D5ED | 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 #A16FC3 as 0% and #E4D5ED as 100%.

0.0%	0.0% #A16FC3	RGB 161 111 195	#A16FC3
16.7%	16.7% #AB7ECA	RGB 171 126 202	#AB7ECA
33.3%	33.3% #B68DD1	RGB 182 141 209	#B68DD1
50.0%	50.0% #C19ED8	RGB 193 158 216	#C19ED8
66.7%	66.7% #CCAFDF	RGB 204 175 223	#CCAFDF
83.3%	83.3% #D8C2E6	RGB 216 194 230	#D8C2E6
100.0%	100.0% #E4D5ED	RGB 228 213 237	#E4D5ED

#A16FC3 #AB7ECA #B68DD1 #C19ED8 #CCAFDF #D8C2E6 #E4D5ED

#A16FC3 - #C19ED8 - #E4D5ED

CSS codes

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

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