#BCBCC2 - #C4E3E6 | 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 #BCBCC2 to #C4E3E6

#BCBCC2 #C4E3E6

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

#BCBCC2 - #C4E3E6 | 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 #BCBCC2 as 0% and #C4E3E6 as 100%.

0.0%	0.0% #BCBCC2	RGB 188 188 194	#BCBCC2
16.7%	16.7% #BDC2C8	RGB 189 194 200	#BDC2C8
33.3%	33.3% #BEC9CE	RGB 190 201 206	#BEC9CE
50.0%	50.0% #C0CFD4	RGB 192 207 212	#C0CFD4
66.7%	66.7% #C1D6DA	RGB 193 214 218	#C1D6DA
83.3%	83.3% #C2DCE0	RGB 194 220 224	#C2DCE0
100.0%	100.0% #C4E3E6	RGB 196 227 230	#C4E3E6

#BCBCC2 #BDC2C8 #BEC9CE #C0CFD4 #C1D6DA #C2DCE0 #C4E3E6

#BCBCC2 - #C4E3E6

HSV Blend

#BCBCC2 - #C4E3E6 | 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 #BCBCC2 as 0% and #C4E3E6 as 100%.

0.0%	0.0% #BCBCC2	RGB 188 188 194	#BCBCC2
16.7%	16.7% #BDBFC8	RGB 189 191 200	#BDBFC8
33.3%	33.3% #BFC3CE	RGB 191 195 206	#BFC3CE
50.0%	50.0% #C1C9D4	RGB 193 201 212	#C1C9D4
66.7%	66.7% #C2D0DA	RGB 194 208 218	#C2D0DA
83.3%	83.3% #C3D9E0	RGB 195 217 224	#C3D9E0
100.0%	100.0% #C4E3E6	RGB 196 227 230	#C4E3E6

#BCBCC2 #BDBFC8 #BFC3CE #C1C9D4 #C2D0DA #C3D9E0 #C4E3E6

#BCBCC2 - #C1C9D4 - #C4E3E6

CSS codes

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

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