#BDD8EA - #DCE5E6 | 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 #BDD8EA to #DCE5E6

#BDD8EA #DCE5E6

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

#BDD8EA - #DCE5E6 | 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 #BDD8EA as 0% and #DCE5E6 as 100%.

0.0%	0.0% #BDD8EA	RGB 189 216 234	#BDD8EA
16.7%	16.7% #C2DAE9	RGB 194 218 233	#C2DAE9
33.3%	33.3% #C7DCE8	RGB 199 220 232	#C7DCE8
50.0%	50.0% #CCDEE8	RGB 204 222 232	#CCDEE8
66.7%	66.7% #D1E0E7	RGB 209 224 231	#D1E0E7
83.3%	83.3% #D6E2E6	RGB 214 226 230	#D6E2E6
100.0%	100.0% #DCE5E6	RGB 220 229 230	#DCE5E6

#BDD8EA #C2DAE9 #C7DCE8 #CCDEE8 #D1E0E7 #D6E2E6 #DCE5E6

#BDD8EA - #DCE5E6

HSV Blend

#BDD8EA - #DCE5E6 | 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 #BDD8EA as 0% and #DCE5E6 as 100%.

0.0%	0.0% #BDD8EA	RGB 189 216 234	#BDD8EA
16.7%	16.7% #C2DBE9	RGB 194 219 233	#C2DBE9
33.3%	33.3% #C7DEE8	RGB 199 222 232	#C7DEE8
50.0%	50.0% #CCE1E8	RGB 204 225 232	#CCE1E8
66.7%	66.7% #D1E3E7	RGB 209 227 231	#D1E3E7
83.3%	83.3% #D6E4E6	RGB 214 228 230	#D6E4E6
100.0%	100.0% #DCE5E6	RGB 220 229 230	#DCE5E6

#BDD8EA #C2DBE9 #C7DEE8 #CCE1E8 #D1E3E7 #D6E4E6 #DCE5E6

#BDD8EA - #CCE1E8 - #DCE5E6

CSS codes

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

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