#BA8F9F - #853A50 | 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 #BA8F9F to #853A50

#BA8F9F #853A50

Calculate the color between two colors, #BA8F9F and #853A50. 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)

#BA8F9F - #853A50 | 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 #BA8F9F as 0% and #853A50 as 100%.

0.0%	0.0% #BA8F9F	RGB 186 143 159	#BA8F9F
16.7%	16.7% #B18091	RGB 177 128 145	#B18091
33.3%	33.3% #A87284	RGB 168 114 132	#A87284
50.0%	50.0% #9F6477	RGB 159 100 119	#9F6477
66.7%	66.7% #96566A	RGB 150 86 106	#96566A
83.3%	83.3% #8D485D	RGB 141 72 93	#8D485D
100.0%	100.0% #853A50	RGB 133 58 80	#853A50

#BA8F9F #B18091 #A87284 #9F6477 #96566A #8D485D #853A50

#BA8F9F - #853A50

HSV Blend

#BA8F9F - #853A50 | 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 #BA8F9F as 0% and #853A50 as 100%.

0.0%	0.0% #BA8F9F	RGB 186 143 159	#BA8F9F
16.7%	16.7% #B17E90	RGB 177 126 144	#B17E90
33.3%	33.3% #A86E82	RGB 168 110 130	#A86E82
50.0%	50.0% #9F6075	RGB 159 96 117	#9F6075
66.7%	66.7% #965268	RGB 150 82 104	#965268
83.3%	83.3% #8D455B	RGB 141 69 91	#8D455B
100.0%	100.0% #853A50	RGB 133 58 80	#853A50

#BA8F9F #B17E90 #A86E82 #9F6075 #965268 #8D455B #853A50

#BA8F9F - #9F6075 - #853A50

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BA8F9F 0%, #9F6075 50%, #853A50 100%);
    background: -webkit-linear-gradient(top, #BA8F9F 0%, #9F6075 50%, #853A50 100%);
    background: linear-gradient(to bottom, #BA8F9F 0%, #9F6075 50%, #853A50 100%);
}
</style>