#BDBDBE - #5E6D7A | 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 #5E6D7A

#BDBDBE #5E6D7A

Calculate the color between two colors, #BDBDBE and #5E6D7A. 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 - #5E6D7A | 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 #5E6D7A as 100%.

0.0%	0.0% #BDBDBE	RGB 189 189 190	#BDBDBE
16.7%	16.7% #ADAFB2	RGB 173 175 178	#ADAFB2
33.3%	33.3% #9DA2A7	RGB 157 162 167	#9DA2A7
50.0%	50.0% #8D959C	RGB 141 149 156	#8D959C
66.7%	66.7% #7D8790	RGB 125 135 144	#7D8790
83.3%	83.3% #6D7A85	RGB 109 122 133	#6D7A85
100.0%	100.0% #5E6D7A	RGB 94 109 122	#5E6D7A

#BDBDBE #ADAFB2 #9DA2A7 #8D959C #7D8790 #6D7A85 #5E6D7A

#BDBDBE - #5E6D7A

HSV Blend

#BDBDBE - #5E6D7A | 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 #5E6D7A as 100%.

0.0%	0.0% #BDBDBE	RGB 189 189 190	#BDBDBE
16.7%	16.7% #ABABB2	RGB 171 171 178	#ABABB2
33.3%	33.3% #999CA7	RGB 153 156 167	#999CA7
50.0%	50.0% #898E9C	RGB 137 142 156	#898E9C
66.7%	66.7% #7A8290	RGB 122 130 144	#7A8290
83.3%	83.3% #6B7785	RGB 107 119 133	#6B7785
100.0%	100.0% #5E6D7A	RGB 94 109 122	#5E6D7A

#BDBDBE #ABABB2 #999CA7 #898E9C #7A8290 #6B7785 #5E6D7A

#BDBDBE - #898E9C - #5E6D7A

CSS codes

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

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