#B8B0B1 - #735E5E | 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 #B8B0B1 to #735E5E

#B8B0B1 #735E5E

Calculate the color between two colors, #B8B0B1 and #735E5E. 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)

#B8B0B1 - #735E5E | 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 #B8B0B1 as 0% and #735E5E as 100%.

0.0%	0.0% #B8B0B1	RGB 184 176 177	#B8B0B1
16.7%	16.7% #ACA2A3	RGB 172 162 163	#ACA2A3
33.3%	33.3% #A19495	RGB 161 148 149	#A19495
50.0%	50.0% #958787	RGB 149 135 135	#958787
66.7%	66.7% #8A7979	RGB 138 121 121	#8A7979
83.3%	83.3% #7E6B6B	RGB 126 107 107	#7E6B6B
100.0%	100.0% #735E5E	RGB 115 94 94	#735E5E

#B8B0B1 #ACA2A3 #A19495 #958787 #8A7979 #7E6B6B #735E5E

#B8B0B1 - #735E5E

HSV Blend

#B8B0B1 - #735E5E | 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 #B8B0B1 as 0% and #735E5E as 100%.

0.0%	0.0% #B8B0B1	RGB 184 176 177	#B8B0B1
16.7%	16.7% #ACA0A2	RGB 172 160 162	#ACA0A2
33.3%	33.3% #A19293	RGB 161 146 147	#A19293
50.0%	50.0% #958485	RGB 149 132 133	#958485
66.7%	66.7% #8A7777	RGB 138 119 119	#8A7777
83.3%	83.3% #7E6A6A	RGB 126 106 106	#7E6A6A
100.0%	100.0% #735E5E	RGB 115 94 94	#735E5E

#B8B0B1 #ACA0A2 #A19293 #958485 #8A7777 #7E6A6A #735E5E

#B8B0B1 - #958485 - #735E5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8B0B1 0%, #958485 50%, #735E5E 100%);
    background: -webkit-linear-gradient(top, #B8B0B1 0%, #958485 50%, #735E5E 100%);
    background: linear-gradient(to bottom, #B8B0B1 0%, #958485 50%, #735E5E 100%);
}
</style>