#BC8BAE - #8D2C5E | 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 #BC8BAE to #8D2C5E

#BC8BAE #8D2C5E

Calculate the color between two colors, #BC8BAE and #8D2C5E. 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)

#BC8BAE - #8D2C5E | 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 #BC8BAE as 0% and #8D2C5E as 100%.

0.0%	0.0% #BC8BAE	RGB 188 139 174	#BC8BAE
16.7%	16.7% #B47BA0	RGB 180 123 160	#B47BA0
33.3%	33.3% #AC6B93	RGB 172 107 147	#AC6B93
50.0%	50.0% #A45B86	RGB 164 91 134	#A45B86
66.7%	66.7% #9C4B78	RGB 156 75 120	#9C4B78
83.3%	83.3% #943B6B	RGB 148 59 107	#943B6B
100.0%	100.0% #8D2C5E	RGB 141 44 94	#8D2C5E

#BC8BAE #B47BA0 #AC6B93 #A45B86 #9C4B78 #943B6B #8D2C5E

#BC8BAE - #8D2C5E

HSV Blend

#BC8BAE - #8D2C5E | 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 #BC8BAE as 0% and #8D2C5E as 100%.

0.0%	0.0% #BC8BAE	RGB 188 139 174	#BC8BAE
16.7%	16.7% #B478A1	RGB 180 120 161	#B478A1
33.3%	33.3% #AC6693	RGB 172 102 147	#AC6693
50.0%	50.0% #A45686	RGB 164 86 134	#A45686
66.7%	66.7% #9C4778	RGB 156 71 120	#9C4778
83.3%	83.3% #94396B	RGB 148 57 107	#94396B
100.0%	100.0% #8D2C5E	RGB 141 44 94	#8D2C5E

#BC8BAE #B478A1 #AC6693 #A45686 #9C4778 #94396B #8D2C5E

#BC8BAE - #A45686 - #8D2C5E

CSS codes

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

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