#BD3CBE - #ECC7EC | 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 #BD3CBE to #ECC7EC

#BD3CBE #ECC7EC

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

#BD3CBE - #ECC7EC | 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 #BD3CBE as 0% and #ECC7EC as 100%.

0.0%	0.0% #BD3CBE	RGB 189 60 190	#BD3CBE
16.7%	16.7% #C453C5	RGB 196 83 197	#C453C5
33.3%	33.3% #CC6ACD	RGB 204 106 205	#CC6ACD
50.0%	50.0% #D481D5	RGB 212 129 213	#D481D5
66.7%	66.7% #DC98DC	RGB 220 152 220	#DC98DC
83.3%	83.3% #E4AFE4	RGB 228 175 228	#E4AFE4
100.0%	100.0% #ECC7EC	RGB 236 199 236	#ECC7EC

#BD3CBE #C453C5 #CC6ACD #D481D5 #DC98DC #E4AFE4 #ECC7EC

#BD3CBE - #ECC7EC

HSV Blend

#BD3CBE - #ECC7EC | 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 #BD3CBE as 0% and #ECC7EC as 100%.

0.0%	0.0% #BD3CBE	RGB 189 60 190	#BD3CBE
16.7%	16.7% #C44FC5	RGB 196 79 197	#C44FC5
33.3%	33.3% #CC64CD	RGB 204 100 205	#CC64CD
50.0%	50.0% #D47BD5	RGB 212 123 213	#D47BD5
66.7%	66.7% #DC93DC	RGB 220 147 220	#DC93DC
83.3%	83.3% #E4ACE4	RGB 228 172 228	#E4ACE4
100.0%	100.0% #ECC7EC	RGB 236 199 236	#ECC7EC

#BD3CBE #C44FC5 #CC64CD #D47BD5 #DC93DC #E4ACE4 #ECC7EC

#BD3CBE - #D47BD5 - #ECC7EC

CSS codes

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

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