#BDDAEE - #DBE6E8 | 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 #BDDAEE to #DBE6E8

#BDDAEE #DBE6E8

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

#BDDAEE - #DBE6E8 | 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 #BDDAEE as 0% and #DBE6E8 as 100%.

0.0%	0.0% #BDDAEE	RGB 189 218 238	#BDDAEE
16.7%	16.7% #C2DCED	RGB 194 220 237	#C2DCED
33.3%	33.3% #C7DEEC	RGB 199 222 236	#C7DEEC
50.0%	50.0% #CCE0EB	RGB 204 224 235	#CCE0EB
66.7%	66.7% #D1E2EA	RGB 209 226 234	#D1E2EA
83.3%	83.3% #D6E4E9	RGB 214 228 233	#D6E4E9
100.0%	100.0% #DBE6E8	RGB 219 230 232	#DBE6E8

#BDDAEE #C2DCED #C7DEEC #CCE0EB #D1E2EA #D6E4E9 #DBE6E8

#BDDAEE - #DBE6E8

HSV Blend

#BDDAEE - #DBE6E8 | 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 #BDDAEE as 0% and #DBE6E8 as 100%.

0.0%	0.0% #BDDAEE	RGB 189 218 238	#BDDAEE
16.7%	16.7% #C2DDED	RGB 194 221 237	#C2DDED
33.3%	33.3% #C7E0EC	RGB 199 224 236	#C7E0EC
50.0%	50.0% #CCE2EB	RGB 204 226 235	#CCE2EB
66.7%	66.7% #D1E4EA	RGB 209 228 234	#D1E4EA
83.3%	83.3% #D6E5E9	RGB 214 229 233	#D6E5E9
100.0%	100.0% #DBE6E8	RGB 219 230 232	#DBE6E8

#BDDAEE #C2DDED #C7E0EC #CCE2EB #D1E4EA #D6E5E9 #DBE6E8

#BDDAEE - #CCE2EB - #DBE6E8

CSS codes

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

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