#BC7AA3 - #871F53 | 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 #BC7AA3 to #871F53

#BC7AA3 #871F53

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

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

0.0%	0.0% #BC7AA3	RGB 188 122 163	#BC7AA3
16.7%	16.7% #B36A95	RGB 179 106 149	#B36A95
33.3%	33.3% #AA5B88	RGB 170 91 136	#AA5B88
50.0%	50.0% #A14C7B	RGB 161 76 123	#A14C7B
66.7%	66.7% #983D6D	RGB 152 61 109	#983D6D
83.3%	83.3% #8F2E60	RGB 143 46 96	#8F2E60
100.0%	100.0% #871F53	RGB 135 31 83	#871F53

#BC7AA3 #B36A95 #AA5B88 #A14C7B #983D6D #8F2E60 #871F53

#BC7AA3 - #871F53

HSV Blend

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

0.0%	0.0% #BC7AA3	RGB 188 122 163	#BC7AA3
16.7%	16.7% #B36795	RGB 179 103 149	#B36795
33.3%	33.3% #AA5687	RGB 170 86 135	#AA5687
50.0%	50.0% #A14679	RGB 161 70 121	#A14679
66.7%	66.7% #98386C	RGB 152 56 108	#98386C
83.3%	83.3% #8F2B5F	RGB 143 43 95	#8F2B5F
100.0%	100.0% #871F53	RGB 135 31 83	#871F53

#BC7AA3 #B36795 #AA5687 #A14679 #98386C #8F2B5F #871F53

#BC7AA3 - #A14679 - #871F53

CSS codes

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

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