#5E718E - #BCB3AC | 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 #5E718E to #BCB3AC

#5E718E #BCB3AC

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

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

0.0%	0.0% #5E718E	RGB 94 113 142	#5E718E
16.7%	16.7% #6D7C93	RGB 109 124 147	#6D7C93
33.3%	33.3% #7D8798	RGB 125 135 152	#7D8798
50.0%	50.0% #8D929D	RGB 141 146 157	#8D929D
66.7%	66.7% #9C9DA2	RGB 156 157 162	#9C9DA2
83.3%	83.3% #ACA8A7	RGB 172 168 167	#ACA8A7
100.0%	100.0% #BCB3AC	RGB 188 179 172	#BCB3AC

#5E718E #6D7C93 #7D8798 #8D929D #9C9DA2 #ACA8A7 #BCB3AC

#5E718E - #BCB3AC

HSV Blend

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

0.0%	0.0% #5E718E	RGB 94 113 142	#5E718E
16.7%	16.7% #6C6995	RGB 108 105 149	#6C6995
33.3%	33.3% #8B759D	RGB 139 117 157	#8B759D
50.0%	50.0% #A582A4	RGB 165 130 164	#A582A4
66.7%	66.7% #AC8F9E	RGB 172 143 158	#AC8F9E
83.3%	83.3% #B49D9E	RGB 180 157 158	#B49D9E
100.0%	100.0% #BCB3AC	RGB 188 179 172	#BCB3AC

#5E718E #6C6995 #8B759D #A582A4 #AC8F9E #B49D9E #BCB3AC

#5E718E - #A582A4 - #BCB3AC

CSS codes

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

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