#BD4ECE - #ECCCF1 | 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 #BD4ECE to #ECCCF1

#BD4ECE #ECCCF1

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

#BD4ECE - #ECCCF1 | 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 #BD4ECE as 0% and #ECCCF1 as 100%.

0.0%	0.0% #BD4ECE	RGB 189 78 206	#BD4ECE
16.7%	16.7% #C463D3	RGB 196 99 211	#C463D3
33.3%	33.3% #CC78D9	RGB 204 120 217	#CC78D9
50.0%	50.0% #D48DDF	RGB 212 141 223	#D48DDF
66.7%	66.7% #DCA2E5	RGB 220 162 229	#DCA2E5
83.3%	83.3% #E4B7EB	RGB 228 183 235	#E4B7EB
100.0%	100.0% #ECCCF1	RGB 236 204 241	#ECCCF1

#BD4ECE #C463D3 #CC78D9 #D48DDF #DCA2E5 #E4B7EB #ECCCF1

#BD4ECE - #ECCCF1

HSV Blend

#BD4ECE - #ECCCF1 | 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 #BD4ECE as 0% and #ECCCF1 as 100%.

0.0%	0.0% #BC4ECE	RGB 188 78 206	#BC4ECE
16.7%	16.7% #C460D3	RGB 196 96 211	#C460D3
33.3%	33.3% #CC74D9	RGB 204 116 217	#CC74D9
50.0%	50.0% #D388DF	RGB 211 136 223	#D388DF
66.7%	66.7% #DB9EE5	RGB 219 158 229	#DB9EE5
83.3%	83.3% #E3B4EB	RGB 227 180 235	#E3B4EB
100.0%	100.0% #ECCCF1	RGB 236 204 241	#ECCCF1

#BC4ECE #C460D3 #CC74D9 #D388DF #DB9EE5 #E3B4EB #ECCCF1

#BD4ECE - #D388DF - #ECCCF1

CSS codes

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

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