#F780A8 - #BF1B5B | 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 #F780A8 to #BF1B5B

#F780A8 #BF1B5B

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

#F780A8 - #BF1B5B | 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 #F780A8 as 0% and #BF1B5B as 100%.

0.0%	0.0% #F780A8	RGB 247 128 168	#F780A8
16.7%	16.7% #ED6F9B	RGB 237 111 155	#ED6F9B
33.3%	33.3% #E45E8E	RGB 228 94 142	#E45E8E
50.0%	50.0% #DB4D81	RGB 219 77 129	#DB4D81
66.7%	66.7% #D13C74	RGB 209 60 116	#D13C74
83.3%	83.3% #C82B67	RGB 200 43 103	#C82B67
100.0%	100.0% #BF1B5B	RGB 191 27 91	#BF1B5B

#F780A8 #ED6F9B #E45E8E #DB4D81 #D13C74 #C82B67 #BF1B5B

#F780A8 - #BF1B5B

HSV Blend

#F780A8 - #BF1B5B | 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 #F780A8 as 0% and #BF1B5B as 100%.

0.0%	0.0% #F780A8	RGB 247 128 168	#F780A8
16.7%	16.7% #ED6C98	RGB 237 108 152	#ED6C98
33.3%	33.3% #E4598A	RGB 228 89 138	#E4598A
50.0%	50.0% #DB487D	RGB 219 72 125	#DB487D
66.7%	66.7% #D13771	RGB 209 55 113	#D13771
83.3%	83.3% #C82865	RGB 200 40 101	#C82865
100.0%	100.0% #BF1B5B	RGB 191 27 91	#BF1B5B

#F780A8 #ED6C98 #E4598A #DB487D #D13771 #C82865 #BF1B5B

#F780A8 - #DB487D - #BF1B5B

CSS codes

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

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