#A261A8 - #E4D1E6 | 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 #A261A8 to #E4D1E6

#A261A8 #E4D1E6

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

#A261A8 - #E4D1E6 | 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 #A261A8 as 0% and #E4D1E6 as 100%.

0.0%	0.0% #A261A8	RGB 162 97 168	#A261A8
16.7%	16.7% #AD73B2	RGB 173 115 178	#AD73B2
33.3%	33.3% #B886BC	RGB 184 134 188	#B886BC
50.0%	50.0% #C399C7	RGB 195 153 199	#C399C7
66.7%	66.7% #CEABD1	RGB 206 171 209	#CEABD1
83.3%	83.3% #D9BEDB	RGB 217 190 219	#D9BEDB
100.0%	100.0% #E4D1E6	RGB 228 209 230	#E4D1E6

#A261A8 #AD73B2 #B886BC #C399C7 #CEABD1 #D9BEDB #E4D1E6

#A261A8 - #E4D1E6

HSV Blend

#A261A8 - #E4D1E6 | 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 #A261A8 as 0% and #E4D1E6 as 100%.

0.0%	0.0% #A261A8	RGB 162 97 168	#A261A8
16.7%	16.7% #AC70B2	RGB 172 112 178	#AC70B2
33.3%	33.3% #B781BC	RGB 183 129 188	#B781BC
50.0%	50.0% #C293C7	RGB 194 147 199	#C293C7
66.7%	66.7% #CDA7D1	RGB 205 167 209	#CDA7D1
83.3%	83.3% #D8BBDB	RGB 216 187 219	#D8BBDB
100.0%	100.0% #E4D1E6	RGB 228 209 230	#E4D1E6

#A261A8 #AC70B2 #B781BC #C293C7 #CDA7D1 #D8BBDB #E4D1E6

#A261A8 - #C293C7 - #E4D1E6

CSS codes

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

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