#BC5E71 - #EF81FF | 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 #BC5E71 to #EF81FF

#BC5E71 #EF81FF

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

#BC5E71 - #EF81FF | 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 #BC5E71 as 0% and #EF81FF as 100%.

0.0%	0.0% #BC5E71	RGB 188 94 113	#BC5E71
16.7%	16.7% #C46388	RGB 196 99 136	#C46388
33.3%	33.3% #CD69A0	RGB 205 105 160	#CD69A0
50.0%	50.0% #D56FB8	RGB 213 111 184	#D56FB8
66.7%	66.7% #DE75CF	RGB 222 117 207	#DE75CF
83.3%	83.3% #E67BE7	RGB 230 123 231	#E67BE7
100.0%	100.0% #EF81FF	RGB 239 129 255	#EF81FF

#BC5E71 #C46388 #CD69A0 #D56FB8 #DE75CF #E67BE7 #EF81FF

#BC5E71 - #EF81FF

HSV Blend

#BC5E71 - #EF81FF | 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 #BC5E71 as 0% and #EF81FF as 100%.

0.0%	0.0% #BC5E71	RGB 188 94 113	#BC5E71
16.7%	16.7% #C76387	RGB 199 99 135	#C76387
33.3%	33.3% #D2699F	RGB 210 105 159	#D2699F
50.0%	50.0% #DD6FB8	RGB 221 111 184	#DD6FB8
66.7%	66.7% #E875D3	RGB 232 117 211	#E875D3
83.3%	83.3% #F37BF0	RGB 243 123 240	#F37BF0
100.0%	100.0% #EF81FF	RGB 239 129 255	#EF81FF

#BC5E71 #C76387 #D2699F #DD6FB8 #E875D3 #F37BF0 #EF81FF

#BC5E71 - #DD6FB8 - #EF81FF

CSS codes

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

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