#BFD5E4 - #E7E6E5 | 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 #BFD5E4 to #E7E6E5

#BFD5E4 #E7E6E5

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

#BFD5E4 - #E7E6E5 | 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 #BFD5E4 as 0% and #E7E6E5 as 100%.

0.0%	0.0% #BFD5E4	RGB 191 213 228	#BFD5E4
16.7%	16.7% #C5D7E4	RGB 197 215 228	#C5D7E4
33.3%	33.3% #CCDAE4	RGB 204 218 228	#CCDAE4
50.0%	50.0% #D3DDE4	RGB 211 221 228	#D3DDE4
66.7%	66.7% #D9E0E4	RGB 217 224 228	#D9E0E4
83.3%	83.3% #E0E3E4	RGB 224 227 228	#E0E3E4
100.0%	100.0% #E7E6E5	RGB 231 230 229	#E7E6E5

#BFD5E4 #C5D7E4 #CCDAE4 #D3DDE4 #D9E0E4 #E0E3E4 #E7E6E5

#BFD5E4 - #E7E6E5

HSV Blend

#BFD5E4 - #E7E6E5 | 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 #BFD5E4 as 0% and #E7E6E5 as 100%.

0.0%	0.0% #BFD5E4	RGB 191 213 228	#BFD5E4
16.7%	16.7% #C5E4E2	RGB 197 228 226	#C5E4E2
33.3%	33.3% #CBE5D6	RGB 203 229 214	#CBE5D6
50.0%	50.0% #D2E5D1	RGB 210 229 209	#D2E5D1
66.7%	66.7% #DFE6D8	RGB 223 230 216	#DFE6D8
83.3%	83.3% #E6E6DE	RGB 230 230 222	#E6E6DE
100.0%	100.0% #E7E6E5	RGB 231 230 229	#E7E6E5

#BFD5E4 #C5E4E2 #CBE5D6 #D2E5D1 #DFE6D8 #E6E6DE #E7E6E5

#BFD5E4 - #D2E5D1 - #E7E6E5

CSS codes

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

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