#BCB3B2 - #8F5E66 | 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 #BCB3B2 to #8F5E66

#BCB3B2 #8F5E66

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

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

0.0%	0.0% #BCB3B2	RGB 188 179 178	#BCB3B2
16.7%	16.7% #B4A4A5	RGB 180 164 165	#B4A4A5
33.3%	33.3% #AD9698	RGB 173 150 152	#AD9698
50.0%	50.0% #A5888C	RGB 165 136 140	#A5888C
66.7%	66.7% #9E7A7F	RGB 158 122 127	#9E7A7F
83.3%	83.3% #966C72	RGB 150 108 114	#966C72
100.0%	100.0% #8F5E66	RGB 143 94 102	#8F5E66

#BCB3B2 #B4A4A5 #AD9698 #A5888C #9E7A7F #966C72 #8F5E66

#BCB3B2 - #8F5E66

HSV Blend

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

0.0%	0.0% #BCB3B2	RGB 188 179 178	#BCB3B2
16.7%	16.7% #B4A3A2	RGB 180 163 162	#B4A3A2
33.3%	33.3% #AD9393	RGB 173 147 147	#AD9393
50.0%	50.0% #A58485	RGB 165 132 133	#A58485
66.7%	66.7% #9E777A	RGB 158 119 122	#9E777A
83.3%	83.3% #966A6F	RGB 150 106 111	#966A6F
100.0%	100.0% #8F5E66	RGB 143 94 102	#8F5E66

#BCB3B2 #B4A3A2 #AD9393 #A58485 #9E777A #966A6F #8F5E66

#BCB3B2 - #A58485 - #8F5E66

CSS codes

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

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