#BF94A8 - #8C3B59 | 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 #BF94A8 to #8C3B59

#BF94A8 #8C3B59

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

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

0.0%	0.0% #BF94A8	RGB 191 148 168	#BF94A8
16.7%	16.7% #B6859A	RGB 182 133 154	#B6859A
33.3%	33.3% #AE768D	RGB 174 118 141	#AE768D
50.0%	50.0% #A56780	RGB 165 103 128	#A56780
66.7%	66.7% #9D5873	RGB 157 88 115	#9D5873
83.3%	83.3% #944966	RGB 148 73 102	#944966
100.0%	100.0% #8C3B59	RGB 140 59 89	#8C3B59

#BF94A8 #B6859A #AE768D #A56780 #9D5873 #944966 #8C3B59

#BF94A8 - #8C3B59

HSV Blend

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

0.0%	0.0% #BF94A8	RGB 191 148 168	#BF94A8
16.7%	16.7% #B68299	RGB 182 130 153	#B68299
33.3%	33.3% #AE728C	RGB 174 114 140	#AE728C
50.0%	50.0% #A5627E	RGB 165 98 126	#A5627E
66.7%	66.7% #9D5471	RGB 157 84 113	#9D5471
83.3%	83.3% #944765	RGB 148 71 101	#944765
100.0%	100.0% #8C3B59	RGB 140 59 89	#8C3B59

#BF94A8 #B68299 #AE728C #A5627E #9D5471 #944765 #8C3B59

#BF94A8 - #A5627E - #8C3B59

CSS codes

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

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