#BD2FD5 - #ECC3F3 | 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 #BD2FD5 to #ECC3F3

#BD2FD5 #ECC3F3

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

#BD2FD5 - #ECC3F3 | 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 #BD2FD5 as 0% and #ECC3F3 as 100%.

0.0%	0.0% #BD2FD5	RGB 189 47 213	#BD2FD5
16.7%	16.7% #C447DA	RGB 196 71 218	#C447DA
33.3%	33.3% #CC60DF	RGB 204 96 223	#CC60DF
50.0%	50.0% #D479E4	RGB 212 121 228	#D479E4
66.7%	66.7% #DC91E9	RGB 220 145 233	#DC91E9
83.3%	83.3% #E4AAEE	RGB 228 170 238	#E4AAEE
100.0%	100.0% #ECC3F3	RGB 236 195 243	#ECC3F3

#BD2FD5 #C447DA #CC60DF #D479E4 #DC91E9 #E4AAEE #ECC3F3

#BD2FD5 - #ECC3F3

HSV Blend

#BD2FD5 - #ECC3F3 | 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 #BD2FD5 as 0% and #ECC3F3 as 100%.

0.0%	0.0% #BD2FD5	RGB 189 47 213	#BD2FD5
16.7%	16.7% #C445DA	RGB 196 69 218	#C445DA
33.3%	33.3% #CC5CDF	RGB 204 92 223	#CC5CDF
50.0%	50.0% #D374E4	RGB 211 116 228	#D374E4
66.7%	66.7% #DB8DE9	RGB 219 141 233	#DB8DE9
83.3%	83.3% #E3A7EE	RGB 227 167 238	#E3A7EE
100.0%	100.0% #ECC3F3	RGB 236 195 243	#ECC3F3

#BD2FD5 #C445DA #CC5CDF #D374E4 #DB8DE9 #E3A7EE #ECC3F3

#BD2FD5 - #D374E4 - #ECC3F3

CSS codes

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

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