#B9ACB2 - #845B6D | 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 #B9ACB2 to #845B6D

#B9ACB2 #845B6D

Calculate the color between two colors, #B9ACB2 and #845B6D. 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)

#B9ACB2 - #845B6D | 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 #B9ACB2 as 0% and #845B6D as 100%.

0.0%	0.0% #B9ACB2	RGB 185 172 178	#B9ACB2
16.7%	16.7% #B09EA6	RGB 176 158 166	#B09EA6
33.3%	33.3% #A7919B	RGB 167 145 155	#A7919B
50.0%	50.0% #9E838F	RGB 158 131 143	#9E838F
66.7%	66.7% #957684	RGB 149 118 132	#957684
83.3%	83.3% #8C6878	RGB 140 104 120	#8C6878
100.0%	100.0% #845B6D	RGB 132 91 109	#845B6D

#B9ACB2 #B09EA6 #A7919B #9E838F #957684 #8C6878 #845B6D

#B9ACB2 - #845B6D

HSV Blend

#B9ACB2 - #845B6D | 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 #B9ACB2 as 0% and #845B6D as 100%.

0.0%	0.0% #B9ACB2	RGB 185 172 178	#B9ACB2
16.7%	16.7% #B09CA5	RGB 176 156 165	#B09CA5
33.3%	33.3% #A78E99	RGB 167 142 153	#A78E99
50.0%	50.0% #9E808D	RGB 158 128 141	#9E808D
66.7%	66.7% #957382	RGB 149 115 130	#957382
83.3%	83.3% #8C6677	RGB 140 102 119	#8C6677
100.0%	100.0% #845B6D	RGB 132 91 109	#845B6D

#B9ACB2 #B09CA5 #A78E99 #9E808D #957382 #8C6677 #845B6D

#B9ACB2 - #9E808D - #845B6D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9ACB2 0%, #9E808D 50%, #845B6D 100%);
    background: -webkit-linear-gradient(top, #B9ACB2 0%, #9E808D 50%, #845B6D 100%);
    background: linear-gradient(to bottom, #B9ACB2 0%, #9E808D 50%, #845B6D 100%);
}
</style>