#BA85A2 - #872C52 | 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 #BA85A2 to #872C52

#BA85A2 #872C52

Calculate the color between two colors, #BA85A2 and #872C52. 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)

#BA85A2 - #872C52 | 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 #BA85A2 as 0% and #872C52 as 100%.

0.0%	0.0% #BA85A2	RGB 186 133 162	#BA85A2
16.7%	16.7% #B17694	RGB 177 118 148	#B17694
33.3%	33.3% #A96787	RGB 169 103 135	#A96787
50.0%	50.0% #A0587A	RGB 160 88 122	#A0587A
66.7%	66.7% #98496C	RGB 152 73 108	#98496C
83.3%	83.3% #8F3A5F	RGB 143 58 95	#8F3A5F
100.0%	100.0% #872C52	RGB 135 44 82	#872C52

#BA85A2 #B17694 #A96787 #A0587A #98496C #8F3A5F #872C52

#BA85A2 - #872C52

HSV Blend

#BA85A2 - #872C52 | 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 #BA85A2 as 0% and #872C52 as 100%.

0.0%	0.0% #BA85A2	RGB 186 133 162	#BA85A2
16.7%	16.7% #B17394	RGB 177 115 148	#B17394
33.3%	33.3% #A96286	RGB 169 98 134	#A96286
50.0%	50.0% #A05378	RGB 160 83 120	#A05378
66.7%	66.7% #98456B	RGB 152 69 107	#98456B
83.3%	83.3% #8F385E	RGB 143 56 94	#8F385E
100.0%	100.0% #872C52	RGB 135 44 82	#872C52

#BA85A2 #B17394 #A96286 #A05378 #98456B #8F385E #872C52

#BA85A2 - #A05378 - #872C52

CSS codes

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

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