#EECDF4 - #9F71BC | 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 #EECDF4 to #9F71BC

#EECDF4 #9F71BC

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

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

0.0%	0.0% #EECDF4	RGB 238 205 244	#EECDF4
16.7%	16.7% #E0BDEA	RGB 224 189 234	#E0BDEA
33.3%	33.3% #D3AEE1	RGB 211 174 225	#D3AEE1
50.0%	50.0% #C69FD8	RGB 198 159 216	#C69FD8
66.7%	66.7% #B98FCE	RGB 185 143 206	#B98FCE
83.3%	83.3% #AC80C5	RGB 172 128 197	#AC80C5
100.0%	100.0% #9F71BC	RGB 159 113 188	#9F71BC

#EECDF4 #E0BDEA #D3AEE1 #C69FD8 #B98FCE #AC80C5 #9F71BC

#EECDF4 - #9F71BC

HSV Blend

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

0.0%	0.0% #EECDF4	RGB 238 205 244	#EECDF4
16.7%	16.7% #E1BBEA	RGB 225 187 234	#E1BBEA
33.3%	33.3% #D4ABE1	RGB 212 171 225	#D4ABE1
50.0%	50.0% #C79BD8	RGB 199 155 216	#C79BD8
66.7%	66.7% #BA8CCE	RGB 186 140 206	#BA8CCE
83.3%	83.3% #AC7EC5	RGB 172 126 197	#AC7EC5
100.0%	100.0% #9F71BC	RGB 159 113 188	#9F71BC

#EECDF4 #E1BBEA #D4ABE1 #C79BD8 #BA8CCE #AC7EC5 #9F71BC

#EECDF4 - #C79BD8 - #9F71BC

CSS codes

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

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