#EECDFE - #A16BCB | 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 #EECDFE to #A16BCB

#EECDFE #A16BCB

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

#EECDFE - #A16BCB | 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 #EECDFE as 0% and #A16BCB as 100%.

0.0%	0.0% #EECDFE	RGB 238 205 254	#EECDFE
16.7%	16.7% #E1BCF5	RGB 225 188 245	#E1BCF5
33.3%	33.3% #D4ACED	RGB 212 172 237	#D4ACED
50.0%	50.0% #C79CE4	RGB 199 156 228	#C79CE4
66.7%	66.7% #BA8BDC	RGB 186 139 220	#BA8BDC
83.3%	83.3% #AD7BD3	RGB 173 123 211	#AD7BD3
100.0%	100.0% #A16BCB	RGB 161 107 203	#A16BCB

#EECDFE #E1BCF5 #D4ACED #C79CE4 #BA8BDC #AD7BD3 #A16BCB

#EECDFE - #A16BCB

HSV Blend

#EECDFE - #A16BCB | 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 #EECDFE as 0% and #A16BCB as 100%.

0.0%	0.0% #EECDFE	RGB 238 205 254	#EECDFE
16.7%	16.7% #E1BAF5	RGB 225 186 245	#E1BAF5
33.3%	33.3% #D4A9ED	RGB 212 169 237	#D4A9ED
50.0%	50.0% #C798E4	RGB 199 152 228	#C798E4
66.7%	66.7% #BA88DC	RGB 186 136 220	#BA88DC
83.3%	83.3% #AD79D3	RGB 173 121 211	#AD79D3
100.0%	100.0% #A16BCB	RGB 161 107 203	#A16BCB

#EECDFE #E1BAF5 #D4A9ED #C798E4 #BA88DC #AD79D3 #A16BCB

#EECDFE - #C798E4 - #A16BCB

CSS codes

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

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