#EAD2FF - #9F72CD | 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 #EAD2FF to #9F72CD

#EAD2FF #9F72CD

Calculate the color between two colors, #EAD2FF and #9F72CD. 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)

#EAD2FF - #9F72CD | 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 #EAD2FF as 0% and #9F72CD as 100%.

0.0%	0.0% #EAD2FF	RGB 234 210 255	#EAD2FF
16.7%	16.7% #DDC2F6	RGB 221 194 246	#DDC2F6
33.3%	33.3% #D1B2EE	RGB 209 178 238	#D1B2EE
50.0%	50.0% #C4A2E6	RGB 196 162 230	#C4A2E6
66.7%	66.7% #B892DD	RGB 184 146 221	#B892DD
83.3%	83.3% #AB82D5	RGB 171 130 213	#AB82D5
100.0%	100.0% #9F72CD	RGB 159 114 205	#9F72CD

#EAD2FF #DDC2F6 #D1B2EE #C4A2E6 #B892DD #AB82D5 #9F72CD

#EAD2FF - #9F72CD

HSV Blend

#EAD2FF - #9F72CD | 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 #EAD2FF as 0% and #9F72CD as 100%.

0.0%	0.0% #EAD2FF	RGB 234 210 255	#EAD2FF
16.7%	16.7% #DCC0F6	RGB 220 192 246	#DCC0F6
33.3%	33.3% #CFAFEE	RGB 207 175 238	#CFAFEE
50.0%	50.0% #C39EE6	RGB 195 158 230	#C39EE6
66.7%	66.7% #B68FDD	RGB 182 143 221	#B68FDD
83.3%	83.3% #AA80D5	RGB 170 128 213	#AA80D5
100.0%	100.0% #9F72CD	RGB 159 114 205	#9F72CD

#EAD2FF #DCC0F6 #CFAFEE #C39EE6 #B68FDD #AA80D5 #9F72CD

#EAD2FF - #C39EE6 - #9F72CD

CSS codes

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

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