#BA9DA4 - #844A55 | 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 #BA9DA4 to #844A55

#BA9DA4 #844A55

Calculate the color between two colors, #BA9DA4 and #844A55. 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)

#BA9DA4 - #844A55 | 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 #BA9DA4 as 0% and #844A55 as 100%.

0.0%	0.0% #BA9DA4	RGB 186 157 164	#BA9DA4
16.7%	16.7% #B18F96	RGB 177 143 150	#B18F96
33.3%	33.3% #A88189	RGB 168 129 137	#A88189
50.0%	50.0% #9F737C	RGB 159 115 124	#9F737C
66.7%	66.7% #96656F	RGB 150 101 111	#96656F
83.3%	83.3% #8D5762	RGB 141 87 98	#8D5762
100.0%	100.0% #844A55	RGB 132 74 85	#844A55

#BA9DA4 #B18F96 #A88189 #9F737C #96656F #8D5762 #844A55

#BA9DA4 - #844A55

HSV Blend

#BA9DA4 - #844A55 | 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 #BA9DA4 as 0% and #844A55 as 100%.

0.0%	0.0% #BA9DA4	RGB 186 157 164	#BA9DA4
16.7%	16.7% #B18D95	RGB 177 141 149	#B18D95
33.3%	33.3% #A87D87	RGB 168 125 135	#A87D87
50.0%	50.0% #9F6F79	RGB 159 111 121	#9F6F79
66.7%	66.7% #96626C	RGB 150 98 108	#96626C
83.3%	83.3% #8D5560	RGB 141 85 96	#8D5560
100.0%	100.0% #844A55	RGB 132 74 85	#844A55

#BA9DA4 #B18D95 #A87D87 #9F6F79 #96626C #8D5560 #844A55

#BA9DA4 - #9F6F79 - #844A55

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BA9DA4 0%, #9F6F79 50%, #844A55 100%);
    background: -webkit-linear-gradient(top, #BA9DA4 0%, #9F6F79 50%, #844A55 100%);
    background: linear-gradient(to bottom, #BA9DA4 0%, #9F6F79 50%, #844A55 100%);
}
</style>