#BC8FB7 - #A03A8D | 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 #BC8FB7 to #A03A8D

#BC8FB7 #A03A8D

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

#BC8FB7 - #A03A8D | 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 #BC8FB7 as 0% and #A03A8D as 100%.

0.0%	0.0% #BC8FB7	RGB 188 143 183	#BC8FB7
16.7%	16.7% #B780B0	RGB 183 128 176	#B780B0
33.3%	33.3% #B272A9	RGB 178 114 169	#B272A9
50.0%	50.0% #AE64A2	RGB 174 100 162	#AE64A2
66.7%	66.7% #A9569B	RGB 169 86 155	#A9569B
83.3%	83.3% #A44894	RGB 164 72 148	#A44894
100.0%	100.0% #A03A8D	RGB 160 58 141	#A03A8D

#BC8FB7 #B780B0 #B272A9 #AE64A2 #A9569B #A44894 #A03A8D

#BC8FB7 - #A03A8D

HSV Blend

#BC8FB7 - #A03A8D | 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 #BC8FB7 as 0% and #A03A8D as 100%.

0.0%	0.0% #BC8FB6	RGB 188 143 182	#BC8FB6
16.7%	16.7% #B77FB0	RGB 183 127 176	#B77FB0
33.3%	33.3% #B270A9	RGB 178 112 169	#B270A9
50.0%	50.0% #AE61A2	RGB 174 97 162	#AE61A2
66.7%	66.7% #A9539B	RGB 169 83 155	#A9539B
83.3%	83.3% #A44694	RGB 164 70 148	#A44694
100.0%	100.0% #A03A8D	RGB 160 58 141	#A03A8D

#BC8FB6 #B77FB0 #B270A9 #AE61A2 #A9539B #A44694 #A03A8D

#BC8FB7 - #AE61A2 - #A03A8D

CSS codes

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

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