#B9CBE7 - #DFE2E4 | 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 #B9CBE7 to #DFE2E4

#B9CBE7 #DFE2E4

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

#B9CBE7 - #DFE2E4 | 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 #B9CBE7 as 0% and #DFE2E4 as 100%.

0.0%	0.0% #B9CBE7	RGB 185 203 231	#B9CBE7
16.7%	16.7% #BFCEE6	RGB 191 206 230	#BFCEE6
33.3%	33.3% #C5D2E6	RGB 197 210 230	#C5D2E6
50.0%	50.0% #CCD6E5	RGB 204 214 229	#CCD6E5
66.7%	66.7% #D2DAE5	RGB 210 218 229	#D2DAE5
83.3%	83.3% #D8DEE4	RGB 216 222 228	#D8DEE4
100.0%	100.0% #DFE2E4	RGB 223 226 228	#DFE2E4

#B9CBE7 #BFCEE6 #C5D2E6 #CCD6E5 #D2DAE5 #D8DEE4 #DFE2E4

#B9CBE7 - #DFE2E4

HSV Blend

#B9CBE7 - #DFE2E4 | 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 #B9CBE7 as 0% and #DFE2E4 as 100%.

0.0%	0.0% #B9CBE7	RGB 185 203 231	#B9CBE7
16.7%	16.7% #BFD0E6	RGB 191 208 230	#BFD0E6
33.3%	33.3% #C5D4E6	RGB 197 212 230	#C5D4E6
50.0%	50.0% #CCD8E5	RGB 204 216 229	#CCD8E5
66.7%	66.7% #D2DCE5	RGB 210 220 229	#D2DCE5
83.3%	83.3% #D8DFE4	RGB 216 223 228	#D8DFE4
100.0%	100.0% #DFE2E4	RGB 223 226 228	#DFE2E4

#B9CBE7 #BFD0E6 #C5D4E6 #CCD8E5 #D2DCE5 #D8DFE4 #DFE2E4

#B9CBE7 - #CCD8E5 - #DFE2E4

CSS codes

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

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