#BD5EBE - #E57FFF | 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 #BD5EBE to #E57FFF

#BD5EBE #E57FFF

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

#BD5EBE - #E57FFF | 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 #BD5EBE as 0% and #E57FFF as 100%.

0.0%	0.0% #BD5EBE	RGB 189 94 190	#BD5EBE
16.7%	16.7% #C363C8	RGB 195 99 200	#C363C8
33.3%	33.3% #CA69D3	RGB 202 105 211	#CA69D3
50.0%	50.0% #D16EDE	RGB 209 110 222	#D16EDE
66.7%	66.7% #D774E9	RGB 215 116 233	#D774E9
83.3%	83.3% #DE79F4	RGB 222 121 244	#DE79F4
100.0%	100.0% #E57FFF	RGB 229 127 255	#E57FFF

#BD5EBE #C363C8 #CA69D3 #D16EDE #D774E9 #DE79F4 #E57FFF

#BD5EBE - #E57FFF

HSV Blend

#BD5EBE - #E57FFF | 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 #BD5EBE as 0% and #E57FFF as 100%.

0.0%	0.0% #BC5EBE	RGB 188 94 190	#BC5EBE
16.7%	16.7% #C463C8	RGB 196 99 200	#C463C8
33.3%	33.3% #CB68D3	RGB 203 104 211	#CB68D3
50.0%	50.0% #D26EDE	RGB 210 110 222	#D26EDE
66.7%	66.7% #D973E9	RGB 217 115 233	#D973E9
83.3%	83.3% #DF79F4	RGB 223 121 244	#DF79F4
100.0%	100.0% #E57FFF	RGB 229 127 255	#E57FFF

#BC5EBE #C463C8 #CB68D3 #D26EDE #D973E9 #DF79F4 #E57FFF

#BD5EBE - #D26EDE - #E57FFF

CSS codes

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

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