#BDC3CD - #5E808D | 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 #BDC3CD to #5E808D

#BDC3CD #5E808D

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

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

0.0%	0.0% #BDC3CD	RGB 189 195 205	#BDC3CD
16.7%	16.7% #ADB7C2	RGB 173 183 194	#ADB7C2
33.3%	33.3% #9DACB7	RGB 157 172 183	#9DACB7
50.0%	50.0% #8DA1AD	RGB 141 161 173	#8DA1AD
66.7%	66.7% #7D96A2	RGB 125 150 162	#7D96A2
83.3%	83.3% #6D8B97	RGB 109 139 151	#6D8B97
100.0%	100.0% #5E808D	RGB 94 128 141	#5E808D

#BDC3CD #ADB7C2 #9DACB7 #8DA1AD #7D96A2 #6D8B97 #5E808D

#BDC3CD - #5E808D

HSV Blend

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

0.0%	0.0% #BDC3CD	RGB 189 195 205	#BDC3CD
16.7%	16.7% #AAB5C2	RGB 170 181 194	#AAB5C2
33.3%	33.3% #99A8B7	RGB 153 168 183	#99A8B7
50.0%	50.0% #899CAD	RGB 137 156 173	#899CAD
66.7%	66.7% #7A92A2	RGB 122 146 162	#7A92A2
83.3%	83.3% #6B8897	RGB 107 136 151	#6B8897
100.0%	100.0% #5E808D	RGB 94 128 141	#5E808D

#BDC3CD #AAB5C2 #99A8B7 #899CAD #7A92A2 #6B8897 #5E808D

#BDC3CD - #899CAD - #5E808D

CSS codes

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

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