#BF85BC - #8D2779 | 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 #BF85BC to #8D2779

#BF85BC #8D2779

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

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

0.0%	0.0% #BF85BC	RGB 191 133 188	#BF85BC
16.7%	16.7% #B675B0	RGB 182 117 176	#B675B0
33.3%	33.3% #AE65A5	RGB 174 101 165	#AE65A5
50.0%	50.0% #A6569A	RGB 166 86 154	#A6569A
66.7%	66.7% #9D468F	RGB 157 70 143	#9D468F
83.3%	83.3% #953684	RGB 149 54 132	#953684
100.0%	100.0% #8D2779	RGB 141 39 121	#8D2779

#BF85BC #B675B0 #AE65A5 #A6569A #9D468F #953684 #8D2779

#BF85BC - #8D2779

HSV Blend

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

0.0%	0.0% #BF85BB	RGB 191 133 187	#BF85BB
16.7%	16.7% #B672B1	RGB 182 114 177	#B672B1
33.3%	33.3% #AE61A6	RGB 174 97 166	#AE61A6
50.0%	50.0% #A6509B	RGB 166 80 155	#A6509B
66.7%	66.7% #9D4190	RGB 157 65 144	#9D4190
83.3%	83.3% #953384	RGB 149 51 132	#953384
100.0%	100.0% #8D2779	RGB 141 39 121	#8D2779

#BF85BB #B672B1 #AE61A6 #A6509B #9D4190 #953384 #8D2779

#BF85BC - #A6509B - #8D2779

CSS codes

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

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