#BFC8CA - #D5EAF0 | 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 #BFC8CA to #D5EAF0

#BFC8CA #D5EAF0

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

#BFC8CA - #D5EAF0 | 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 #BFC8CA as 0% and #D5EAF0 as 100%.

0.0%	0.0% #BFC8CA	RGB 191 200 202	#BFC8CA
16.7%	16.7% #C2CDD0	RGB 194 205 208	#C2CDD0
33.3%	33.3% #C6D3D6	RGB 198 211 214	#C6D3D6
50.0%	50.0% #CAD9DD	RGB 202 217 221	#CAD9DD
66.7%	66.7% #CDDEE3	RGB 205 222 227	#CDDEE3
83.3%	83.3% #D1E4E9	RGB 209 228 233	#D1E4E9
100.0%	100.0% #D5EAF0	RGB 213 234 240	#D5EAF0

#BFC8CA #C2CDD0 #C6D3D6 #CAD9DD #CDDEE3 #D1E4E9 #D5EAF0

#BFC8CA - #D5EAF0

HSV Blend

#BFC8CA - #D5EAF0 | 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 #BFC8CA as 0% and #D5EAF0 as 100%.

0.0%	0.0% #BFC8CA	RGB 191 200 202	#BFC8CA
16.7%	16.7% #C2CDD0	RGB 194 205 208	#C2CDD0
33.3%	33.3% #C6D3D6	RGB 198 211 214	#C6D3D6
50.0%	50.0% #CAD9DD	RGB 202 217 221	#CAD9DD
66.7%	66.7% #CEDEE3	RGB 206 222 227	#CEDEE3
83.3%	83.3% #D1E4E9	RGB 209 228 233	#D1E4E9
100.0%	100.0% #D5EAF0	RGB 213 234 240	#D5EAF0

#BFC8CA #C2CDD0 #C6D3D6 #CAD9DD #CEDEE3 #D1E4E9 #D5EAF0

#BFC8CA - #CAD9DD - #D5EAF0

CSS codes

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

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