#B2CDFF - #D6E2F0 | 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 #B2CDFF to #D6E2F0

#B2CDFF #D6E2F0

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

#B2CDFF - #D6E2F0 | 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 #B2CDFF as 0% and #D6E2F0 as 100%.

0.0%	0.0% #B2CDFF	RGB 178 205 255	#B2CDFF
16.7%	16.7% #B8D0FC	RGB 184 208 252	#B8D0FC
33.3%	33.3% #BED4FA	RGB 190 212 250	#BED4FA
50.0%	50.0% #C4D7F7	RGB 196 215 247	#C4D7F7
66.7%	66.7% #CADBF5	RGB 202 219 245	#CADBF5
83.3%	83.3% #D0DEF2	RGB 208 222 242	#D0DEF2
100.0%	100.0% #D6E2F0	RGB 214 226 240	#D6E2F0

#B2CDFF #B8D0FC #BED4FA #C4D7F7 #CADBF5 #D0DEF2 #D6E2F0

#B2CDFF - #D6E2F0

HSV Blend

#B2CDFF - #D6E2F0 | 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 #B2CDFF as 0% and #D6E2F0 as 100%.

0.0%	0.0% #B2CDFF	RGB 178 205 255	#B2CDFF
16.7%	16.7% #B8D1FC	RGB 184 209 252	#B8D1FC
33.3%	33.3% #BED5FA	RGB 190 213 250	#BED5FA
50.0%	50.0% #C4D9F7	RGB 196 217 247	#C4D9F7
66.7%	66.7% #CADCF5	RGB 202 220 245	#CADCF5
83.3%	83.3% #D0DFF2	RGB 208 223 242	#D0DFF2
100.0%	100.0% #D6E2F0	RGB 214 226 240	#D6E2F0

#B2CDFF #B8D1FC #BED5FA #C4D9F7 #CADCF5 #D0DFF2 #D6E2F0

#B2CDFF - #C4D9F7 - #D6E2F0

CSS codes

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

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