#BBCAF0 - #DAE2E9 | 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 #BBCAF0 to #DAE2E9

#BBCAF0 #DAE2E9

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

#BBCAF0 - #DAE2E9 | 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 #BBCAF0 as 0% and #DAE2E9 as 100%.

0.0%	0.0% #BBCAF0	RGB 187 202 240	#BBCAF0
16.7%	16.7% #C0CEEE	RGB 192 206 238	#C0CEEE
33.3%	33.3% #C5D2ED	RGB 197 210 237	#C5D2ED
50.0%	50.0% #CAD6EC	RGB 202 214 236	#CAD6EC
66.7%	66.7% #CFDAEB	RGB 207 218 235	#CFDAEB
83.3%	83.3% #D4DEEA	RGB 212 222 234	#D4DEEA
100.0%	100.0% #DAE2E9	RGB 218 226 233	#DAE2E9

#BBCAF0 #C0CEEE #C5D2ED #CAD6EC #CFDAEB #D4DEEA #DAE2E9

#BBCAF0 - #DAE2E9

HSV Blend

#BBCAF0 - #DAE2E9 | 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 #BBCAF0 as 0% and #DAE2E9 as 100%.

0.0%	0.0% #BBCAF0	RGB 187 202 240	#BBCAF0
16.7%	16.7% #C0CFEE	RGB 192 207 238	#C0CFEE
33.3%	33.3% #C5D4ED	RGB 197 212 237	#C5D4ED
50.0%	50.0% #CAD8EC	RGB 202 216 236	#CAD8EC
66.7%	66.7% #CFDCEB	RGB 207 220 235	#CFDCEB
83.3%	83.3% #D4DFEA	RGB 212 223 234	#D4DFEA
100.0%	100.0% #DAE2E9	RGB 218 226 233	#DAE2E9

#BBCAF0 #C0CFEE #C5D4ED #CAD8EC #CFDCEB #D4DFEA #DAE2E9

#BBCAF0 - #CAD8EC - #DAE2E9

CSS codes

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

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