#B8CBEB - #DDE2E6 | 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 #B8CBEB to #DDE2E6

#B8CBEB #DDE2E6

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

#B8CBEB - #DDE2E6 | 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 #B8CBEB as 0% and #DDE2E6 as 100%.

0.0%	0.0% #B8CBEB	RGB 184 203 235	#B8CBEB
16.7%	16.7% #BECEEA	RGB 190 206 234	#BECEEA
33.3%	33.3% #C4D2E9	RGB 196 210 233	#C4D2E9
50.0%	50.0% #CAD6E8	RGB 202 214 232	#CAD6E8
66.7%	66.7% #D0DAE7	RGB 208 218 231	#D0DAE7
83.3%	83.3% #D6DEE6	RGB 214 222 230	#D6DEE6
100.0%	100.0% #DDE2E6	RGB 221 226 230	#DDE2E6

#B8CBEB #BECEEA #C4D2E9 #CAD6E8 #D0DAE7 #D6DEE6 #DDE2E6

#B8CBEB - #DDE2E6

HSV Blend

#B8CBEB - #DDE2E6 | 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 #B8CBEB as 0% and #DDE2E6 as 100%.

0.0%	0.0% #B8CBEB	RGB 184 203 235	#B8CBEB
16.7%	16.7% #BECFEA	RGB 190 207 234	#BECFEA
33.3%	33.3% #C4D4E9	RGB 196 212 233	#C4D4E9
50.0%	50.0% #CAD8E8	RGB 202 216 232	#CAD8E8
66.7%	66.7% #D0DCE7	RGB 208 220 231	#D0DCE7
83.3%	83.3% #D6DFE6	RGB 214 223 230	#D6DFE6
100.0%	100.0% #DDE2E6	RGB 221 226 230	#DDE2E6

#B8CBEB #BECFEA #C4D4E9 #CAD8E8 #D0DCE7 #D6DFE6 #DDE2E6

#B8CBEB - #CAD8E8 - #DDE2E6

CSS codes

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

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