#BC5EB2 - #FF7CE0 | 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 #BC5EB2 to #FF7CE0

#BC5EB2 #FF7CE0

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

#BC5EB2 - #FF7CE0 | 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 #BC5EB2 as 0% and #FF7CE0 as 100%.

0.0%	0.0% #BC5EB2	RGB 188 94 178	#BC5EB2
16.7%	16.7% #C763B9	RGB 199 99 185	#C763B9
33.3%	33.3% #D268C1	RGB 210 104 193	#D268C1
50.0%	50.0% #DD6DC9	RGB 221 109 201	#DD6DC9
66.7%	66.7% #E872D0	RGB 232 114 208	#E872D0
83.3%	83.3% #F377D8	RGB 243 119 216	#F377D8
100.0%	100.0% #FF7CE0	RGB 255 124 224	#FF7CE0

#BC5EB2 #C763B9 #D268C1 #DD6DC9 #E872D0 #F377D8 #FF7CE0

#BC5EB2 - #FF7CE0

HSV Blend

#BC5EB2 - #FF7CE0 | 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 #BC5EB2 as 0% and #FF7CE0 as 100%.

0.0%	0.0% #BC5EB1	RGB 188 94 177	#BC5EB1
16.7%	16.7% #C763BA	RGB 199 99 186	#C763BA
33.3%	33.3% #D268C2	RGB 210 104 194	#D268C2
50.0%	50.0% #DD6DCA	RGB 221 109 202	#DD6DCA
66.7%	66.7% #E872D1	RGB 232 114 209	#E872D1
83.3%	83.3% #F377D9	RGB 243 119 217	#F377D9
100.0%	100.0% #FF7CE0	RGB 255 124 224	#FF7CE0

#BC5EB1 #C763BA #D268C2 #DD6DCA #E872D1 #F377D9 #FF7CE0

#BC5EB2 - #DD6DCA - #FF7CE0

CSS codes

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

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