#BC5EBA - #860069 | 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 #BC5EBA to #860069

#BC5EBA #860069

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

#BC5EBA - #860069 | 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 #BC5EBA as 0% and #860069 as 100%.

0.0%	0.0% #BC5EBA	RGB 188 94 186	#BC5EBA
16.7%	16.7% #B34EAC	RGB 179 78 172	#B34EAC
33.3%	33.3% #AA3E9F	RGB 170 62 159	#AA3E9F
50.0%	50.0% #A12F91	RGB 161 47 145	#A12F91
66.7%	66.7% #981F84	RGB 152 31 132	#981F84
83.3%	83.3% #8F0F76	RGB 143 15 118	#8F0F76
100.0%	100.0% #860069	RGB 134 0 105	#860069

#BC5EBA #B34EAC #AA3E9F #A12F91 #981F84 #8F0F76 #860069

#BC5EBA - #860069

HSV Blend

#BC5EBA - #860069 | 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 #BC5EBA as 0% and #860069 as 100%.

0.0%	0.0% #BC5EBA	RGB 188 94 186	#BC5EBA
16.7%	16.7% #B34AAD	RGB 179 74 173	#B34AAD
33.3%	33.3% #AA38A0	RGB 170 56 160	#AA38A0
50.0%	50.0% #A12892	RGB 161 40 146	#A12892
66.7%	66.7% #981984	RGB 152 25 132	#981984
83.3%	83.3% #8F0B76	RGB 143 11 118	#8F0B76
100.0%	100.0% #860069	RGB 134 0 105	#860069

#BC5EBA #B34AAD #AA38A0 #A12892 #981984 #8F0B76 #860069

#BC5EBA - #A12892 - #860069

CSS codes

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

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