#5E718C - #BDB3AA | 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 #5E718C to #BDB3AA

#5E718C #BDB3AA

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

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

0.0%	0.0% #5E718C	RGB 94 113 140	#5E718C
16.7%	16.7% #6D7C91	RGB 109 124 145	#6D7C91
33.3%	33.3% #7D8796	RGB 125 135 150	#7D8796
50.0%	50.0% #8D929B	RGB 141 146 155	#8D929B
66.7%	66.7% #9D9DA0	RGB 157 157 160	#9D9DA0
83.3%	83.3% #ADA8A5	RGB 173 168 165	#ADA8A5
100.0%	100.0% #BDB3AA	RGB 189 179 170	#BDB3AA

#5E718C #6D7C91 #7D8796 #8D929B #9D9DA0 #ADA8A5 #BDB3AA

#5E718C - #BDB3AA

HSV Blend

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

0.0%	0.0% #5E718C	RGB 94 113 140	#5E718C
16.7%	16.7% #6C6994	RGB 108 105 148	#6C6994
33.3%	33.3% #8A749C	RGB 138 116 156	#8A749C
50.0%	50.0% #A481A3	RGB 164 129 163	#A481A3
66.7%	66.7% #AC8E9D	RGB 172 142 157	#AC8E9D
83.3%	83.3% #B49B9B	RGB 180 155 155	#B49B9B
100.0%	100.0% #BDB3AA	RGB 189 179 170	#BDB3AA

#5E718C #6C6994 #8A749C #A481A3 #AC8E9D #B49B9B #BDB3AA

#5E718C - #A481A3 - #BDB3AA

CSS codes

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

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