#EBCDF2 - #9C72B9 | 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 #EBCDF2 to #9C72B9

#EBCDF2 #9C72B9

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

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

0.0%	0.0% #EBCDF2	RGB 235 205 242	#EBCDF2
16.7%	16.7% #DDBDE8	RGB 221 189 232	#DDBDE8
33.3%	33.3% #D0AEDF	RGB 208 174 223	#D0AEDF
50.0%	50.0% #C39FD5	RGB 195 159 213	#C39FD5
66.7%	66.7% #B690CC	RGB 182 144 204	#B690CC
83.3%	83.3% #A981C2	RGB 169 129 194	#A981C2
100.0%	100.0% #9C72B9	RGB 156 114 185	#9C72B9

#EBCDF2 #DDBDE8 #D0AEDF #C39FD5 #B690CC #A981C2 #9C72B9

#EBCDF2 - #9C72B9

HSV Blend

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

0.0%	0.0% #EBCDF2	RGB 235 205 242	#EBCDF2
16.7%	16.7% #DEBCE8	RGB 222 188 232	#DEBCE8
33.3%	33.3% #D1ABDF	RGB 209 171 223	#D1ABDF
50.0%	50.0% #C49CD5	RGB 196 156 213	#C49CD5
66.7%	66.7% #B78DCC	RGB 183 141 204	#B78DCC
83.3%	83.3% #A97FC2	RGB 169 127 194	#A97FC2
100.0%	100.0% #9C72B9	RGB 156 114 185	#9C72B9

#EBCDF2 #DEBCE8 #D1ABDF #C49CD5 #B78DCC #A97FC2 #9C72B9

#EBCDF2 - #C49CD5 - #9C72B9

CSS codes

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

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