#BA6B7B - #85212E | 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 #BA6B7B to #85212E

#BA6B7B #85212E

Calculate the color between two colors, #BA6B7B and #85212E. 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)

#BA6B7B - #85212E | 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 #BA6B7B as 0% and #85212E as 100%.

0.0%	0.0% #BA6B7B	RGB 186 107 123	#BA6B7B
16.7%	16.7% #B15E6E	RGB 177 94 110	#B15E6E
33.3%	33.3% #A85261	RGB 168 82 97	#A85261
50.0%	50.0% #9F4654	RGB 159 70 84	#9F4654
66.7%	66.7% #963947	RGB 150 57 71	#963947
83.3%	83.3% #8D2D3A	RGB 141 45 58	#8D2D3A
100.0%	100.0% #85212E	RGB 133 33 46	#85212E

#BA6B7B #B15E6E #A85261 #9F4654 #963947 #8D2D3A #85212E

#BA6B7B - #85212E

HSV Blend

#BA6B7B - #85212E | 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 #BA6B7B as 0% and #85212E as 100%.

0.0%	0.0% #BA6B7B	RGB 186 107 123	#BA6B7B
16.7%	16.7% #B15C6C	RGB 177 92 108	#B15C6C
33.3%	33.3% #A84E5E	RGB 168 78 94	#A84E5E
50.0%	50.0% #9F4151	RGB 159 65 81	#9F4151
66.7%	66.7% #963544	RGB 150 53 68	#963544
83.3%	83.3% #8D2A38	RGB 141 42 56	#8D2A38
100.0%	100.0% #85212E	RGB 133 33 46	#85212E

#BA6B7B #B15C6C #A84E5E #9F4151 #963544 #8D2A38 #85212E

#BA6B7B - #9F4151 - #85212E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BA6B7B 0%, #9F4151 50%, #85212E 100%);
    background: -webkit-linear-gradient(top, #BA6B7B 0%, #9F4151 50%, #85212E 100%);
    background: linear-gradient(to bottom, #BA6B7B 0%, #9F4151 50%, #85212E 100%);
}
</style>