#BCBFD0 - #5E7391 | 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 #BCBFD0 to #5E7391

#BCBFD0 #5E7391

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

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

0.0%	0.0% #BCBFD0	RGB 188 191 208	#BCBFD0
16.7%	16.7% #ACB2C5	RGB 172 178 197	#ACB2C5
33.3%	33.3% #9CA5BB	RGB 156 165 187	#9CA5BB
50.0%	50.0% #8D99B0	RGB 141 153 176	#8D99B0
66.7%	66.7% #7D8CA6	RGB 125 140 166	#7D8CA6
83.3%	83.3% #6D7F9B	RGB 109 127 155	#6D7F9B
100.0%	100.0% #5E7391	RGB 94 115 145	#5E7391

#BCBFD0 #ACB2C5 #9CA5BB #8D99B0 #7D8CA6 #6D7F9B #5E7391

#BCBFD0 - #5E7391

HSV Blend

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

0.0%	0.0% #BCBFD0	RGB 188 191 208	#BCBFD0
16.7%	16.7% #AAAFC5	RGB 170 175 197	#AAAFC5
33.3%	33.3% #99A1BB	RGB 153 161 187	#99A1BB
50.0%	50.0% #8894B0	RGB 136 148 176	#8894B0
66.7%	66.7% #7988A6	RGB 121 136 166	#7988A6
83.3%	83.3% #6B7D9B	RGB 107 125 155	#6B7D9B
100.0%	100.0% #5E7391	RGB 94 115 145	#5E7391

#BCBFD0 #AAAFC5 #99A1BB #8894B0 #7988A6 #6B7D9B #5E7391

#BCBFD0 - #8894B0 - #5E7391

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCBFD0 0%, #8894B0 50%, #5E7391 100%);
    background: -webkit-linear-gradient(top, #BCBFD0 0%, #8894B0 50%, #5E7391 100%);
    background: linear-gradient(to bottom, #BCBFD0 0%, #8894B0 50%, #5E7391 100%);
}
</style>