#BF749D - #871B4D | 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 #BF749D to #871B4D

#BF749D #871B4D

Calculate the color between two colors, #BF749D and #871B4D. 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)

#BF749D - #871B4D | 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 #BF749D as 0% and #871B4D as 100%.

0.0%	0.0% #BF749D	RGB 191 116 157	#BF749D
16.7%	16.7% #B5658F	RGB 181 101 143	#B5658F
33.3%	33.3% #AC5682	RGB 172 86 130	#AC5682
50.0%	50.0% #A34775	RGB 163 71 117	#A34775
66.7%	66.7% #993867	RGB 153 56 103	#993867
83.3%	83.3% #90295A	RGB 144 41 90	#90295A
100.0%	100.0% #871B4D	RGB 135 27 77	#871B4D

#BF749D #B5658F #AC5682 #A34775 #993867 #90295A #871B4D

#BF749D - #871B4D

HSV Blend

#BF749D - #871B4D | 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 #BF749D as 0% and #871B4D as 100%.

0.0%	0.0% #BF749D	RGB 191 116 157	#BF749D
16.7%	16.7% #B5618E	RGB 181 97 142	#B5618E
33.3%	33.3% #AC5180	RGB 172 81 128	#AC5180
50.0%	50.0% #A34172	RGB 163 65 114	#A34172
66.7%	66.7% #993365	RGB 153 51 101	#993365
83.3%	83.3% #902659	RGB 144 38 89	#902659
100.0%	100.0% #871B4D	RGB 135 27 77	#871B4D

#BF749D #B5618E #AC5180 #A34172 #993365 #902659 #871B4D

#BF749D - #A34172 - #871B4D

CSS codes

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

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