#BBA1AF - #8C4861 | 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 #BBA1AF to #8C4861

#BBA1AF #8C4861

Calculate the color between two colors, #BBA1AF and #8C4861. 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)

#BBA1AF - #8C4861 | 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 #BBA1AF as 0% and #8C4861 as 100%.

0.0%	0.0% #BBA1AF	RGB 187 161 175	#BBA1AF
16.7%	16.7% #B392A2	RGB 179 146 162	#B392A2
33.3%	33.3% #AB8395	RGB 171 131 149	#AB8395
50.0%	50.0% #A37488	RGB 163 116 136	#A37488
66.7%	66.7% #9B657B	RGB 155 101 123	#9B657B
83.3%	83.3% #93566E	RGB 147 86 110	#93566E
100.0%	100.0% #8C4861	RGB 140 72 97	#8C4861

#BBA1AF #B392A2 #AB8395 #A37488 #9B657B #93566E #8C4861

#BBA1AF - #8C4861

HSV Blend

#BBA1AF - #8C4861 | 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 #BBA1AF as 0% and #8C4861 as 100%.

0.0%	0.0% #BBA1AF	RGB 187 161 175	#BBA1AF
16.7%	16.7% #B38FA1	RGB 179 143 161	#B38FA1
33.3%	33.3% #AB7F94	RGB 171 127 148	#AB7F94
50.0%	50.0% #A37087	RGB 163 112 135	#A37087
66.7%	66.7% #9B627A	RGB 155 98 122	#9B627A
83.3%	83.3% #93546D	RGB 147 84 109	#93546D
100.0%	100.0% #8C4861	RGB 140 72 97	#8C4861

#BBA1AF #B38FA1 #AB7F94 #A37087 #9B627A #93546D #8C4861

#BBA1AF - #A37087 - #8C4861

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBA1AF 0%, #A37087 50%, #8C4861 100%);
    background: -webkit-linear-gradient(top, #BBA1AF 0%, #A37087 50%, #8C4861 100%);
    background: linear-gradient(to bottom, #BBA1AF 0%, #A37087 50%, #8C4861 100%);
}
</style>