#BA8D9C - #84394D | 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 #BA8D9C to #84394D

#BA8D9C #84394D

Calculate the color between two colors, #BA8D9C and #84394D. 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)

#BA8D9C - #84394D | 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 #BA8D9C as 0% and #84394D as 100%.

0.0%	0.0% #BA8D9C	RGB 186 141 156	#BA8D9C
16.7%	16.7% #B17F8E	RGB 177 127 142	#B17F8E
33.3%	33.3% #A87181	RGB 168 113 129	#A87181
50.0%	50.0% #9F6374	RGB 159 99 116	#9F6374
66.7%	66.7% #965567	RGB 150 85 103	#965567
83.3%	83.3% #8D475A	RGB 141 71 90	#8D475A
100.0%	100.0% #84394D	RGB 132 57 77	#84394D

#BA8D9C #B17F8E #A87181 #9F6374 #965567 #8D475A #84394D

#BA8D9C - #84394D

HSV Blend

#BA8D9C - #84394D | 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 #BA8D9C as 0% and #84394D as 100%.

0.0%	0.0% #BA8D9C	RGB 186 141 156	#BA8D9C
16.7%	16.7% #B17C8D	RGB 177 124 141	#B17C8D
33.3%	33.3% #A86D7F	RGB 168 109 127	#A86D7F
50.0%	50.0% #9F5E71	RGB 159 94 113	#9F5E71
66.7%	66.7% #965164	RGB 150 81 100	#965164
83.3%	83.3% #8D4458	RGB 141 68 88	#8D4458
100.0%	100.0% #84394D	RGB 132 57 77	#84394D

#BA8D9C #B17C8D #A86D7F #9F5E71 #965164 #8D4458 #84394D

#BA8D9C - #9F5E71 - #84394D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BA8D9C 0%, #9F5E71 50%, #84394D 100%);
    background: -webkit-linear-gradient(top, #BA8D9C 0%, #9F5E71 50%, #84394D 100%);
    background: linear-gradient(to bottom, #BA8D9C 0%, #9F5E71 50%, #84394D 100%);
}
</style>