#B7B8CC - #C7E2EE | 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 #B7B8CC to #C7E2EE

#B7B8CC #C7E2EE

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

#B7B8CC - #C7E2EE | 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 #B7B8CC as 0% and #C7E2EE as 100%.

0.0%	0.0% #B7B8CC	RGB 183 184 204	#B7B8CC
16.7%	16.7% #B9BFD1	RGB 185 191 209	#B9BFD1
33.3%	33.3% #BCC6D7	RGB 188 198 215	#BCC6D7
50.0%	50.0% #BFCDDD	RGB 191 205 221	#BFCDDD
66.7%	66.7% #C1D4E2	RGB 193 212 226	#C1D4E2
83.3%	83.3% #C4DBE8	RGB 196 219 232	#C4DBE8
100.0%	100.0% #C7E2EE	RGB 199 226 238	#C7E2EE

#B7B8CC #B9BFD1 #BCC6D7 #BFCDDD #C1D4E2 #C4DBE8 #C7E2EE

#B7B8CC - #C7E2EE

HSV Blend

#B7B8CC - #C7E2EE | 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 #B7B8CC as 0% and #C7E2EE as 100%.

0.0%	0.0% #B7B8CC	RGB 183 184 204	#B7B8CC
16.7%	16.7% #B9BDD1	RGB 185 189 209	#B9BDD1
33.3%	33.3% #BCC3D7	RGB 188 195 215	#BCC3D7
50.0%	50.0% #BFCADD	RGB 191 202 221	#BFCADD
66.7%	66.7% #C2D1E2	RGB 194 209 226	#C2D1E2
83.3%	83.3% #C4D9E8	RGB 196 217 232	#C4D9E8
100.0%	100.0% #C7E2EE	RGB 199 226 238	#C7E2EE

#B7B8CC #B9BDD1 #BCC3D7 #BFCADD #C2D1E2 #C4D9E8 #C7E2EE

#B7B8CC - #BFCADD - #C7E2EE

CSS codes

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

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