#BA9DA3 - #844B54 | 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 #BA9DA3 to #844B54

#BA9DA3 #844B54

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

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

0.0%	0.0% #BA9DA3	RGB 186 157 163	#BA9DA3
16.7%	16.7% #B18F95	RGB 177 143 149	#B18F95
33.3%	33.3% #A88188	RGB 168 129 136	#A88188
50.0%	50.0% #9F747B	RGB 159 116 123	#9F747B
66.7%	66.7% #96666E	RGB 150 102 110	#96666E
83.3%	83.3% #8D5861	RGB 141 88 97	#8D5861
100.0%	100.0% #844B54	RGB 132 75 84	#844B54

#BA9DA3 #B18F95 #A88188 #9F747B #96666E #8D5861 #844B54

#BA9DA3 - #844B54

HSV Blend

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

0.0%	0.0% #BA9DA3	RGB 186 157 163	#BA9DA3
16.7%	16.7% #B18D94	RGB 177 141 148	#B18D94
33.3%	33.3% #A87E86	RGB 168 126 134	#A87E86
50.0%	50.0% #9F7078	RGB 159 112 120	#9F7078
66.7%	66.7% #96636B	RGB 150 99 107	#96636B
83.3%	83.3% #8D565F	RGB 141 86 95	#8D565F
100.0%	100.0% #844B54	RGB 132 75 84	#844B54

#BA9DA3 #B18D94 #A87E86 #9F7078 #96636B #8D565F #844B54

#BA9DA3 - #9F7078 - #844B54

CSS codes

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

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