#5E6E7F - #BFB0A0 | 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 #5E6E7F to #BFB0A0

#5E6E7F #BFB0A0

Calculate the color between two colors, #5E6E7F and #BFB0A0. 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)

#5E6E7F - #BFB0A0 | 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 #5E6E7F as 0% and #BFB0A0 as 100%.

0.0%	0.0% #5E6E7F	RGB 94 110 127	#5E6E7F
16.7%	16.7% #6E7984	RGB 110 121 132	#6E7984
33.3%	33.3% #7E848A	RGB 126 132 138	#7E848A
50.0%	50.0% #8E8F8F	RGB 142 143 143	#8E8F8F
66.7%	66.7% #9E9A95	RGB 158 154 149	#9E9A95
83.3%	83.3% #AEA59A	RGB 174 165 154	#AEA59A
100.0%	100.0% #BFB0A0	RGB 191 176 160	#BFB0A0

#5E6E7F #6E7984 #7E848A #8E8F8F #9E9A95 #AEA59A #BFB0A0

#5E6E7F - #BFB0A0

HSV Blend

#5E6E7F - #BFB0A0 | 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 #5E6E7F as 0% and #BFB0A0 as 100%.

0.0%	0.0% #5E6E7F	RGB 94 110 127	#5E6E7F
16.7%	16.7% #688989	RGB 104 137 137	#688989
33.3%	33.3% #729483	RGB 114 148 131	#729483
50.0%	50.0% #7D9F7D	RGB 125 159 125	#7D9F7D
66.7%	66.7% #98A988	RGB 152 169 136	#98A988
83.3%	83.3% #B3B494	RGB 179 180 148	#B3B494
100.0%	100.0% #BFB0A0	RGB 191 176 160	#BFB0A0

#5E6E7F #688989 #729483 #7D9F7D #98A988 #B3B494 #BFB0A0

#5E6E7F - #7D9F7D - #BFB0A0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6E7F 0%, #7D9F7D 50%, #BFB0A0 100%);
    background: -webkit-linear-gradient(top, #5E6E7F 0%, #7D9F7D 50%, #BFB0A0 100%);
    background: linear-gradient(to bottom, #5E6E7F 0%, #7D9F7D 50%, #BFB0A0 100%);
}
</style>