#BC5EB9 - #841B7A | 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 #BC5EB9 to #841B7A

#BC5EB9 #841B7A

Calculate the color between two colors, #BC5EB9 and #841B7A. 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)

#BC5EB9 - #841B7A | 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 #BC5EB9 as 0% and #841B7A as 100%.

0.0%	0.0% #BC5EB9	RGB 188 94 185	#BC5EB9
16.7%	16.7% #B252AE	RGB 178 82 174	#B252AE
33.3%	33.3% #A947A4	RGB 169 71 164	#A947A4
50.0%	50.0% #A03C99	RGB 160 60 153	#A03C99
66.7%	66.7% #96318F	RGB 150 49 143	#96318F
83.3%	83.3% #8D2684	RGB 141 38 132	#8D2684
100.0%	100.0% #841B7A	RGB 132 27 122	#841B7A

#BC5EB9 #B252AE #A947A4 #A03C99 #96318F #8D2684 #841B7A

#BC5EB9 - #841B7A

HSV Blend

#BC5EB9 - #841B7A | 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 #BC5EB9 as 0% and #841B7A as 100%.

0.0%	0.0% #BC5EB9	RGB 188 94 185	#BC5EB9
16.7%	16.7% #B250AE	RGB 178 80 174	#B250AE
33.3%	33.3% #A943A3	RGB 169 67 163	#A943A3
50.0%	50.0% #A03899	RGB 160 56 153	#A03899
66.7%	66.7% #962D8E	RGB 150 45 142	#962D8E
83.3%	83.3% #8D2384	RGB 141 35 132	#8D2384
100.0%	100.0% #841B7A	RGB 132 27 122	#841B7A

#BC5EB9 #B250AE #A943A3 #A03899 #962D8E #8D2384 #841B7A

#BC5EB9 - #A03899 - #841B7A

CSS codes

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

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