#BA9C9F - #814C50 | 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 #BA9C9F to #814C50

#BA9C9F #814C50

Calculate the color between two colors, #BA9C9F and #814C50. 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)

#BA9C9F - #814C50 | 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 #BA9C9F as 0% and #814C50 as 100%.

0.0%	0.0% #BA9C9F	RGB 186 156 159	#BA9C9F
16.7%	16.7% #B08E91	RGB 176 142 145	#B08E91
33.3%	33.3% #A78184	RGB 167 129 132	#A78184
50.0%	50.0% #9D7477	RGB 157 116 119	#9D7477
66.7%	66.7% #94666A	RGB 148 102 106	#94666A
83.3%	83.3% #8A595D	RGB 138 89 93	#8A595D
100.0%	100.0% #814C50	RGB 129 76 80	#814C50

#BA9C9F #B08E91 #A78184 #9D7477 #94666A #8A595D #814C50

#BA9C9F - #814C50

HSV Blend

#BA9C9F - #814C50 | 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 #BA9C9F as 0% and #814C50 as 100%.

0.0%	0.0% #BA9C9F	RGB 186 156 159	#BA9C9F
16.7%	16.7% #B08C90	RGB 176 140 144	#B08C90
33.3%	33.3% #A77E81	RGB 167 126 129	#A77E81
50.0%	50.0% #9D7074	RGB 157 112 116	#9D7074
66.7%	66.7% #946367	RGB 148 99 103	#946367
83.3%	83.3% #8A575B	RGB 138 87 91	#8A575B
100.0%	100.0% #814C50	RGB 129 76 80	#814C50

#BA9C9F #B08C90 #A77E81 #9D7074 #946367 #8A575B #814C50

#BA9C9F - #9D7074 - #814C50

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BA9C9F 0%, #9D7074 50%, #814C50 100%);
    background: -webkit-linear-gradient(top, #BA9C9F 0%, #9D7074 50%, #814C50 100%);
    background: linear-gradient(to bottom, #BA9C9F 0%, #9D7074 50%, #814C50 100%);
}
</style>