#BCBDC1 - #5C7E7D | 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 #BCBDC1 to #5C7E7D

#BCBDC1 #5C7E7D

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

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

0.0%	0.0% #BCBDC1	RGB 188 189 193	#BCBDC1
16.7%	16.7% #ACB2B5	RGB 172 178 181	#ACB2B5
33.3%	33.3% #9CA8AA	RGB 156 168 170	#9CA8AA
50.0%	50.0% #8C9D9F	RGB 140 157 159	#8C9D9F
66.7%	66.7% #7C9393	RGB 124 147 147	#7C9393
83.3%	83.3% #6C8888	RGB 108 136 136	#6C8888
100.0%	100.0% #5C7E7D	RGB 92 126 125	#5C7E7D

#BCBDC1 #ACB2B5 #9CA8AA #8C9D9F #7C9393 #6C8888 #5C7E7D

#BCBDC1 - #5C7E7D

HSV Blend

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

0.0%	0.0% #BCBDC1	RGB 188 189 193	#BCBDC1
16.7%	16.7% #A9ADB5	RGB 169 173 181	#A9ADB5
33.3%	33.3% #98A1AA	RGB 152 161 170	#98A1AA
50.0%	50.0% #87969F	RGB 135 150 159	#87969F
66.7%	66.7% #788D94	RGB 120 141 148	#788D94
83.3%	83.3% #698589	RGB 105 133 137	#698589
100.0%	100.0% #5C7E7D	RGB 92 126 125	#5C7E7D

#BCBDC1 #A9ADB5 #98A1AA #87969F #788D94 #698589 #5C7E7D

#BCBDC1 - #87969F - #5C7E7D

CSS codes

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

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