#BF5E70 - #F181FF | 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 #BF5E70 to #F181FF

#BF5E70 #F181FF

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

#BF5E70 - #F181FF | 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 #BF5E70 as 0% and #F181FF as 100%.

0.0%	0.0% #BF5E70	RGB 191 94 112	#BF5E70
16.7%	16.7% #C76387	RGB 199 99 135	#C76387
33.3%	33.3% #CF699F	RGB 207 105 159	#CF699F
50.0%	50.0% #D86FB7	RGB 216 111 183	#D86FB7
66.7%	66.7% #E075CF	RGB 224 117 207	#E075CF
83.3%	83.3% #E87BE7	RGB 232 123 231	#E87BE7
100.0%	100.0% #F181FF	RGB 241 129 255	#F181FF

#BF5E70 #C76387 #CF699F #D86FB7 #E075CF #E87BE7 #F181FF

#BF5E70 - #F181FF

HSV Blend

#BF5E70 - #F181FF | 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 #BF5E70 as 0% and #F181FF as 100%.

0.0%	0.0% #BF5E70	RGB 191 94 112	#BF5E70
16.7%	16.7% #C96386	RGB 201 99 134	#C96386
33.3%	33.3% #D4699E	RGB 212 105 158	#D4699E
50.0%	50.0% #DF6FB7	RGB 223 111 183	#DF6FB7
66.7%	66.7% #E975D2	RGB 233 117 210	#E975D2
83.3%	83.3% #F47BEF	RGB 244 123 239	#F47BEF
100.0%	100.0% #F181FF	RGB 241 129 255	#F181FF

#BF5E70 #C96386 #D4699E #DF6FB7 #E975D2 #F47BEF #F181FF

#BF5E70 - #DF6FB7 - #F181FF

CSS codes

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

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