#BD1ED7 - #EBBEF3 | 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 #BD1ED7 to #EBBEF3

#BD1ED7 #EBBEF3

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

#BD1ED7 - #EBBEF3 | 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 #BD1ED7 as 0% and #EBBEF3 as 100%.

0.0%	0.0% #BD1ED7	RGB 189 30 215	#BD1ED7
16.7%	16.7% #C438DB	RGB 196 56 219	#C438DB
33.3%	33.3% #CC53E0	RGB 204 83 224	#CC53E0
50.0%	50.0% #D46EE5	RGB 212 110 229	#D46EE5
66.7%	66.7% #DB88E9	RGB 219 136 233	#DB88E9
83.3%	83.3% #E3A3EE	RGB 227 163 238	#E3A3EE
100.0%	100.0% #EBBEF3	RGB 235 190 243	#EBBEF3

#BD1ED7 #C438DB #CC53E0 #D46EE5 #DB88E9 #E3A3EE #EBBEF3

#BD1ED7 - #EBBEF3

HSV Blend

#BD1ED7 - #EBBEF3 | 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 #BD1ED7 as 0% and #EBBEF3 as 100%.

0.0%	0.0% #BC1ED7	RGB 188 30 215	#BC1ED7
16.7%	16.7% #C436DB	RGB 196 54 219	#C436DB
33.3%	33.3% #CB4FE0	RGB 203 79 224	#CB4FE0
50.0%	50.0% #D369E5	RGB 211 105 229	#D369E5
66.7%	66.7% #DA84E9	RGB 218 132 233	#DA84E9
83.3%	83.3% #E2A0EE	RGB 226 160 238	#E2A0EE
100.0%	100.0% #EBBEF3	RGB 235 190 243	#EBBEF3

#BC1ED7 #C436DB #CB4FE0 #D369E5 #DA84E9 #E2A0EE #EBBEF3

#BD1ED7 - #D369E5 - #EBBEF3

CSS codes

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

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