#BDBDBE - #5E7A6D | 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 #BDBDBE to #5E7A6D

#BDBDBE #5E7A6D

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

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

0.0%	0.0% #BDBDBE	RGB 189 189 190	#BDBDBE
16.7%	16.7% #ADB1B0	RGB 173 177 176	#ADB1B0
33.3%	33.3% #9DA6A3	RGB 157 166 163	#9DA6A3
50.0%	50.0% #8D9B95	RGB 141 155 149	#8D9B95
66.7%	66.7% #7D9088	RGB 125 144 136	#7D9088
83.3%	83.3% #6D857A	RGB 109 133 122	#6D857A
100.0%	100.0% #5E7A6D	RGB 94 122 109	#5E7A6D

#BDBDBE #ADB1B0 #9DA6A3 #8D9B95 #7D9088 #6D857A #5E7A6D

#BDBDBE - #5E7A6D

HSV Blend

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

0.0%	0.0% #BDBDBE	RGB 189 189 190	#BDBDBE
16.7%	16.7% #ABACB2	RGB 171 172 178	#ABACB2
33.3%	33.3% #99A0A7	RGB 153 160 167	#99A0A7
50.0%	50.0% #89979C	RGB 137 151 156	#89979C
66.7%	66.7% #7A9090	RGB 122 144 144	#7A9090
83.3%	83.3% #6B857F	RGB 107 133 127	#6B857F
100.0%	100.0% #5E7A6D	RGB 94 122 109	#5E7A6D

#BDBDBE #ABACB2 #99A0A7 #89979C #7A9090 #6B857F #5E7A6D

#BDBDBE - #89979C - #5E7A6D

CSS codes

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

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