#BBCFD6 - #D9DEFF | 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 #BBCFD6 to #D9DEFF

#BBCFD6 #D9DEFF

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

#BBCFD6 - #D9DEFF | 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 #BBCFD6 as 0% and #D9DEFF as 100%.

0.0%	0.0% #BBCFD6	RGB 187 207 214	#BBCFD6
16.7%	16.7% #C0D1DC	RGB 192 209 220	#C0D1DC
33.3%	33.3% #C5D4E3	RGB 197 212 227	#C5D4E3
50.0%	50.0% #CAD6EA	RGB 202 214 234	#CAD6EA
66.7%	66.7% #CFD9F1	RGB 207 217 241	#CFD9F1
83.3%	83.3% #D4DBF8	RGB 212 219 248	#D4DBF8
100.0%	100.0% #D9DEFF	RGB 217 222 255	#D9DEFF

#BBCFD6 #C0D1DC #C5D4E3 #CAD6EA #CFD9F1 #D4DBF8 #D9DEFF

#BBCFD6 - #D9DEFF

HSV Blend

#BBCFD6 - #D9DEFF | 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 #BBCFD6 as 0% and #D9DEFF as 100%.

0.0%	0.0% #BBCFD6	RGB 187 207 214	#BBCFD6
16.7%	16.7% #C0D2DC	RGB 192 210 220	#C0D2DC
33.3%	33.3% #C5D5E3	RGB 197 213 227	#C5D5E3
50.0%	50.0% #CAD8EA	RGB 202 216 234	#CAD8EA
66.7%	66.7% #CFDAF1	RGB 207 218 241	#CFDAF1
83.3%	83.3% #D4DCF8	RGB 212 220 248	#D4DCF8
100.0%	100.0% #D9DEFF	RGB 217 222 255	#D9DEFF

#BBCFD6 #C0D2DC #C5D5E3 #CAD8EA #CFDAF1 #D4DCF8 #D9DEFF

#BBCFD6 - #CAD8EA - #D9DEFF

CSS codes

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

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