#BBC8ED - #DAE2E7 | 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 #BBC8ED to #DAE2E7

#BBC8ED #DAE2E7

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

#BBC8ED - #DAE2E7 | 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 #BBC8ED as 0% and #DAE2E7 as 100%.

0.0%	0.0% #BBC8ED	RGB 187 200 237	#BBC8ED
16.7%	16.7% #C0CCEC	RGB 192 204 236	#C0CCEC
33.3%	33.3% #C5D0EB	RGB 197 208 235	#C5D0EB
50.0%	50.0% #CAD5EA	RGB 202 213 234	#CAD5EA
66.7%	66.7% #CFD9E9	RGB 207 217 233	#CFD9E9
83.3%	83.3% #D4DDE8	RGB 212 221 232	#D4DDE8
100.0%	100.0% #DAE2E7	RGB 218 226 231	#DAE2E7

#BBC8ED #C0CCEC #C5D0EB #CAD5EA #CFD9E9 #D4DDE8 #DAE2E7

#BBC8ED - #DAE2E7

HSV Blend

#BBC8ED - #DAE2E7 | 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 #BBC8ED as 0% and #DAE2E7 as 100%.

0.0%	0.0% #BBC8ED	RGB 187 200 237	#BBC8ED
16.7%	16.7% #C0CEEC	RGB 192 206 236	#C0CEEC
33.3%	33.3% #C5D3EB	RGB 197 211 235	#C5D3EB
50.0%	50.0% #CAD8EA	RGB 202 216 234	#CAD8EA
66.7%	66.7% #CFDCE9	RGB 207 220 233	#CFDCE9
83.3%	83.3% #D4DFE8	RGB 212 223 232	#D4DFE8
100.0%	100.0% #DAE2E7	RGB 218 226 231	#DAE2E7

#BBC8ED #C0CEEC #C5D3EB #CAD8EA #CFDCE9 #D4DFE8 #DAE2E7

#BBC8ED - #CAD8EA - #DAE2E7

CSS codes

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

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