#BCB6C7 - #C0D9EC | 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 #BCB6C7 to #C0D9EC

#BCB6C7 #C0D9EC

Calculate the color between two colors, #BCB6C7 and #C0D9EC. 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)

#BCB6C7 - #C0D9EC | 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 #BCB6C7 as 0% and #C0D9EC as 100%.

0.0%	0.0% #BCB6C7	RGB 188 182 199	#BCB6C7
16.7%	16.7% #BCBBCD	RGB 188 187 205	#BCBBCD
33.3%	33.3% #BDC1D3	RGB 189 193 211	#BDC1D3
50.0%	50.0% #BEC7D9	RGB 190 199 217	#BEC7D9
66.7%	66.7% #BECDDF	RGB 190 205 223	#BECDDF
83.3%	83.3% #BFD3E5	RGB 191 211 229	#BFD3E5
100.0%	100.0% #C0D9EC	RGB 192 217 236	#C0D9EC

#BCB6C7 #BCBBCD #BDC1D3 #BEC7D9 #BECDDF #BFD3E5 #C0D9EC

#BCB6C7 - #C0D9EC

HSV Blend

#BCB6C7 - #C0D9EC | 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 #BCB6C7 as 0% and #C0D9EC as 100%.

0.0%	0.0% #BCB6C7	RGB 188 182 199	#BCB6C7
16.7%	16.7% #BCB8CD	RGB 188 184 205	#BCB8CD
33.3%	33.3% #BBBAD3	RGB 187 186 211	#BBBAD3
50.0%	50.0% #BBBFD9	RGB 187 191 217	#BBBFD9
66.7%	66.7% #BDC6DF	RGB 189 198 223	#BDC6DF
83.3%	83.3% #BECFE5	RGB 190 207 229	#BECFE5
100.0%	100.0% #C0D9EC	RGB 192 217 236	#C0D9EC

#BCB6C7 #BCB8CD #BBBAD3 #BBBFD9 #BDC6DF #BECFE5 #C0D9EC

#BCB6C7 - #BBBFD9 - #C0D9EC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCB6C7 0%, #BBBFD9 50%, #C0D9EC 100%);
    background: -webkit-linear-gradient(top, #BCB6C7 0%, #BBBFD9 50%, #C0D9EC 100%);
    background: linear-gradient(to bottom, #BCB6C7 0%, #BBBFD9 50%, #C0D9EC 100%);
}
</style>