#B9A1A8 - #854E59 | 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 #B9A1A8 to #854E59

#B9A1A8 #854E59

Calculate the color between two colors, #B9A1A8 and #854E59. 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)

#B9A1A8 - #854E59 | 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 #B9A1A8 as 0% and #854E59 as 100%.

0.0%	0.0% #B9A1A8	RGB 185 161 168	#B9A1A8
16.7%	16.7% #B0939A	RGB 176 147 154	#B0939A
33.3%	33.3% #A7858D	RGB 167 133 141	#A7858D
50.0%	50.0% #9F7780	RGB 159 119 128	#9F7780
66.7%	66.7% #966973	RGB 150 105 115	#966973
83.3%	83.3% #8D5B66	RGB 141 91 102	#8D5B66
100.0%	100.0% #854E59	RGB 133 78 89	#854E59

#B9A1A8 #B0939A #A7858D #9F7780 #966973 #8D5B66 #854E59

#B9A1A8 - #854E59

HSV Blend

#B9A1A8 - #854E59 | 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 #B9A1A8 as 0% and #854E59 as 100%.

0.0%	0.0% #B9A1A8	RGB 185 161 168	#B9A1A8
16.7%	16.7% #B09199	RGB 176 145 153	#B09199
33.3%	33.3% #A7828B	RGB 167 130 139	#A7828B
50.0%	50.0% #9F737E	RGB 159 115 126	#9F737E
66.7%	66.7% #966671	RGB 150 102 113	#966671
83.3%	83.3% #8D5964	RGB 141 89 100	#8D5964
100.0%	100.0% #854E59	RGB 133 78 89	#854E59

#B9A1A8 #B09199 #A7828B #9F737E #966671 #8D5964 #854E59

#B9A1A8 - #9F737E - #854E59

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9A1A8 0%, #9F737E 50%, #854E59 100%);
    background: -webkit-linear-gradient(top, #B9A1A8 0%, #9F737E 50%, #854E59 100%);
    background: linear-gradient(to bottom, #B9A1A8 0%, #9F737E 50%, #854E59 100%);
}
</style>