#B8B4B7 - #8B5E81 | 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 #B8B4B7 to #8B5E81

#B8B4B7 #8B5E81

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

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

0.0%	0.0% #B8B4B7	RGB 184 180 183	#B8B4B7
16.7%	16.7% #B0A5AE	RGB 176 165 174	#B0A5AE
33.3%	33.3% #A997A5	RGB 169 151 165	#A997A5
50.0%	50.0% #A1899C	RGB 161 137 156	#A1899C
66.7%	66.7% #9A7A93	RGB 154 122 147	#9A7A93
83.3%	83.3% #926C8A	RGB 146 108 138	#926C8A
100.0%	100.0% #8B5E81	RGB 139 94 129	#8B5E81

#B8B4B7 #B0A5AE #A997A5 #A1899C #9A7A93 #926C8A #8B5E81

#B8B4B7 - #8B5E81

HSV Blend

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

0.0%	0.0% #B8B4B7	RGB 184 180 183	#B8B4B7
16.7%	16.7% #B0A3AD	RGB 176 163 173	#B0A3AD
33.3%	33.3% #A994A4	RGB 169 148 164	#A994A4
50.0%	50.0% #A1859A	RGB 161 133 154	#A1859A
66.7%	66.7% #9A7792	RGB 154 119 146	#9A7792
83.3%	83.3% #926A89	RGB 146 106 137	#926A89
100.0%	100.0% #8B5E81	RGB 139 94 129	#8B5E81

#B8B4B7 #B0A3AD #A994A4 #A1859A #9A7792 #926A89 #8B5E81

#B8B4B7 - #A1859A - #8B5E81

CSS codes

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

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