#BC5EAF - #FE8EAF | 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 #BC5EAF to #FE8EAF

#BC5EAF #FE8EAF

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

#BC5EAF - #FE8EAF | 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 #BC5EAF as 0% and #FE8EAF as 100%.

0.0%	0.0% #BC5EAF	RGB 188 94 175	#BC5EAF
16.7%	16.7% #C766AF	RGB 199 102 175	#C766AF
33.3%	33.3% #D26EAF	RGB 210 110 175	#D26EAF
50.0%	50.0% #DD76AF	RGB 221 118 175	#DD76AF
66.7%	66.7% #E87EAF	RGB 232 126 175	#E87EAF
83.3%	83.3% #F386AF	RGB 243 134 175	#F386AF
100.0%	100.0% #FE8EAF	RGB 254 142 175	#FE8EAF

#BC5EAF #C766AF #D26EAF #DD76AF #E87EAF #F386AF #FE8EAF

#BC5EAF - #FE8EAF

HSV Blend

#BC5EAF - #FE8EAF | 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 #BC5EAF as 0% and #FE8EAF as 100%.

0.0%	0.0% #BC5EAF	RGB 188 94 175	#BC5EAF
16.7%	16.7% #C765B0	RGB 199 101 176	#C765B0
33.3%	33.3% #D26DB0	RGB 210 109 176	#D26DB0
50.0%	50.0% #DD75B1	RGB 221 117 177	#DD75B1
66.7%	66.7% #E87DB0	RGB 232 125 176	#E87DB0
83.3%	83.3% #F385B0	RGB 243 133 176	#F385B0
100.0%	100.0% #FE8EAF	RGB 254 142 175	#FE8EAF

#BC5EAF #C765B0 #D26DB0 #DD75B1 #E87DB0 #F385B0 #FE8EAF

#BC5EAF - #DD75B1 - #FE8EAF

CSS codes

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

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