#BC3EA8 - #EB6EFF | 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 #BC3EA8 to #EB6EFF

#BC3EA8 #EB6EFF

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

#BC3EA8 - #EB6EFF | 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 #BC3EA8 as 0% and #EB6EFF as 100%.

0.0%	0.0% #BC3EA8	RGB 188 62 168	#BC3EA8
16.7%	16.7% #C346B6	RGB 195 70 182	#C346B6
33.3%	33.3% #CB4EC5	RGB 203 78 197	#CB4EC5
50.0%	50.0% #D356D3	RGB 211 86 211	#D356D3
66.7%	66.7% #DB5EE2	RGB 219 94 226	#DB5EE2
83.3%	83.3% #E366F0	RGB 227 102 240	#E366F0
100.0%	100.0% #EB6EFF	RGB 235 110 255	#EB6EFF

#BC3EA8 #C346B6 #CB4EC5 #D356D3 #DB5EE2 #E366F0 #EB6EFF

#BC3EA8 - #EB6EFF

HSV Blend

#BC3EA8 - #EB6EFF | 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 #BC3EA8 as 0% and #EB6EFF as 100%.

0.0%	0.0% #BC3EA8	RGB 188 62 168	#BC3EA8
16.7%	16.7% #C745B8	RGB 199 69 184	#C745B8
33.3%	33.3% #D24CCA	RGB 210 76 202	#D24CCA
50.0%	50.0% #DD54DC	RGB 221 84 220	#DD54DC
66.7%	66.7% #E35CE8	RGB 227 92 232	#E35CE8
83.3%	83.3% #E765F3	RGB 231 101 243	#E765F3
100.0%	100.0% #EB6EFF	RGB 235 110 255	#EB6EFF

#BC3EA8 #C745B8 #D24CCA #DD54DC #E35CE8 #E765F3 #EB6EFF

#BC3EA8 - #DD54DC - #EB6EFF

CSS codes

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

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