#BFD1E7 - #E2E3E5 | 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 #BFD1E7 to #E2E3E5

#BFD1E7 #E2E3E5

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

#BFD1E7 - #E2E3E5 | 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 #BFD1E7 as 0% and #E2E3E5 as 100%.

0.0%	0.0% #BFD1E7	RGB 191 209 231	#BFD1E7
16.7%	16.7% #C4D4E6	RGB 196 212 230	#C4D4E6
33.3%	33.3% #CAD7E6	RGB 202 215 230	#CAD7E6
50.0%	50.0% #D0DAE6	RGB 208 218 230	#D0DAE6
66.7%	66.7% #D6DDE5	RGB 214 221 229	#D6DDE5
83.3%	83.3% #DCE0E5	RGB 220 224 229	#DCE0E5
100.0%	100.0% #E2E3E5	RGB 226 227 229	#E2E3E5

#BFD1E7 #C4D4E6 #CAD7E6 #D0DAE6 #D6DDE5 #DCE0E5 #E2E3E5

#BFD1E7 - #E2E3E5

HSV Blend

#BFD1E7 - #E2E3E5 | 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 #BFD1E7 as 0% and #E2E3E5 as 100%.

0.0%	0.0% #BFD1E7	RGB 191 209 231	#BFD1E7
16.7%	16.7% #C4D3E6	RGB 196 211 230	#C4D3E6
33.3%	33.3% #CAD6E6	RGB 202 214 230	#CAD6E6
50.0%	50.0% #D0D8E6	RGB 208 216 230	#D0D8E6
66.7%	66.7% #D6DCE5	RGB 214 220 229	#D6DCE5
83.3%	83.3% #DCDFE5	RGB 220 223 229	#DCDFE5
100.0%	100.0% #E2E3E5	RGB 226 227 229	#E2E3E5

#BFD1E7 #C4D3E6 #CAD6E6 #D0D8E6 #D6DCE5 #DCDFE5 #E2E3E5

#BFD1E7 - #D0D8E6 - #E2E3E5

CSS codes

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

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