#BCBCC7 - #5C7385 | 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 #BCBCC7 to #5C7385

#BCBCC7 #5C7385

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

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

0.0%	0.0% #BCBCC7	RGB 188 188 199	#BCBCC7
16.7%	16.7% #ACAFBC	RGB 172 175 188	#ACAFBC
33.3%	33.3% #9CA3B1	RGB 156 163 177	#9CA3B1
50.0%	50.0% #8C97A6	RGB 140 151 166	#8C97A6
66.7%	66.7% #7C8B9B	RGB 124 139 155	#7C8B9B
83.3%	83.3% #6C7F90	RGB 108 127 144	#6C7F90
100.0%	100.0% #5C7385	RGB 92 115 133	#5C7385

#BCBCC7 #ACAFBC #9CA3B1 #8C97A6 #7C8B9B #6C7F90 #5C7385

#BCBCC7 - #5C7385

HSV Blend

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

0.0%	0.0% #BCBCC7	RGB 188 188 199	#BCBCC7
16.7%	16.7% #A9ABBC	RGB 169 171 188	#A9ABBC
33.3%	33.3% #989CB1	RGB 152 156 177	#989CB1
50.0%	50.0% #8790A6	RGB 135 144 166	#8790A6
66.7%	66.7% #78859B	RGB 120 133 155	#78859B
83.3%	83.3% #697B90	RGB 105 123 144	#697B90
100.0%	100.0% #5C7385	RGB 92 115 133	#5C7385

#BCBCC7 #A9ABBC #989CB1 #8790A6 #78859B #697B90 #5C7385

#BCBCC7 - #8790A6 - #5C7385

CSS codes

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

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