#BF84A8 - #8C2758 | 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 #BF84A8 to #8C2758

#BF84A8 #8C2758

Calculate the color between two colors, #BF84A8 and #8C2758. 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)

#BF84A8 - #8C2758 | 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 #BF84A8 as 0% and #8C2758 as 100%.

0.0%	0.0% #BF84A8	RGB 191 132 168	#BF84A8
16.7%	16.7% #B6749A	RGB 182 116 154	#B6749A
33.3%	33.3% #AE658D	RGB 174 101 141	#AE658D
50.0%	50.0% #A55580	RGB 165 85 128	#A55580
66.7%	66.7% #9D4672	RGB 157 70 114	#9D4672
83.3%	83.3% #943665	RGB 148 54 101	#943665
100.0%	100.0% #8C2758	RGB 140 39 88	#8C2758

#BF84A8 #B6749A #AE658D #A55580 #9D4672 #943665 #8C2758

#BF84A8 - #8C2758

HSV Blend

#BF84A8 - #8C2758 | 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 #BF84A8 as 0% and #8C2758 as 100%.

0.0%	0.0% #BF84A8	RGB 191 132 168	#BF84A8
16.7%	16.7% #B6719A	RGB 182 113 154	#B6719A
33.3%	33.3% #AE608C	RGB 174 96 140	#AE608C
50.0%	50.0% #A5507E	RGB 165 80 126	#A5507E
66.7%	66.7% #9D4171	RGB 157 65 113	#9D4171
83.3%	83.3% #943364	RGB 148 51 100	#943364
100.0%	100.0% #8C2758	RGB 140 39 88	#8C2758

#BF84A8 #B6719A #AE608C #A5507E #9D4171 #943364 #8C2758

#BF84A8 - #A5507E - #8C2758

CSS codes

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

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