#BA6BAB - #85216B | 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 #BA6BAB to #85216B

#BA6BAB #85216B

Calculate the color between two colors, #BA6BAB and #85216B. 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)

#BA6BAB - #85216B | 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 #BA6BAB as 0% and #85216B as 100%.

0.0%	0.0% #BA6BAB	RGB 186 107 171	#BA6BAB
16.7%	16.7% #B15EA0	RGB 177 94 160	#B15EA0
33.3%	33.3% #A85295	RGB 168 82 149	#A85295
50.0%	50.0% #9F468B	RGB 159 70 139	#9F468B
66.7%	66.7% #963980	RGB 150 57 128	#963980
83.3%	83.3% #8D2D75	RGB 141 45 117	#8D2D75
100.0%	100.0% #85216B	RGB 133 33 107	#85216B

#BA6BAB #B15EA0 #A85295 #9F468B #963980 #8D2D75 #85216B

#BA6BAB - #85216B

HSV Blend

#BA6BAB - #85216B | 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 #BA6BAB as 0% and #85216B as 100%.

0.0%	0.0% #BA6BAB	RGB 186 107 171	#BA6BAB
16.7%	16.7% #B15CA0	RGB 177 92 160	#B15CA0
33.3%	33.3% #A84E95	RGB 168 78 149	#A84E95
50.0%	50.0% #9F418A	RGB 159 65 138	#9F418A
66.7%	66.7% #96357F	RGB 150 53 127	#96357F
83.3%	83.3% #8D2A75	RGB 141 42 117	#8D2A75
100.0%	100.0% #85216B	RGB 133 33 107	#85216B

#BA6BAB #B15CA0 #A84E95 #9F418A #96357F #8D2A75 #85216B

#BA6BAB - #9F418A - #85216B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BA6BAB 0%, #9F418A 50%, #85216B 100%);
    background: -webkit-linear-gradient(top, #BA6BAB 0%, #9F418A 50%, #85216B 100%);
    background: linear-gradient(to bottom, #BA6BAB 0%, #9F418A 50%, #85216B 100%);
}
</style>