#BFC7D3 - #D3E2FF | 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 #BFC7D3 to #D3E2FF

#BFC7D3 #D3E2FF

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

#BFC7D3 - #D3E2FF | 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 #BFC7D3 as 0% and #D3E2FF as 100%.

0.0%	0.0% #BFC7D3	RGB 191 199 211	#BFC7D3
16.7%	16.7% #C2CBDA	RGB 194 203 218	#C2CBDA
33.3%	33.3% #C5D0E1	RGB 197 208 225	#C5D0E1
50.0%	50.0% #C9D4E9	RGB 201 212 233	#C9D4E9
66.7%	66.7% #CCD9F0	RGB 204 217 240	#CCD9F0
83.3%	83.3% #CFDDF7	RGB 207 221 247	#CFDDF7
100.0%	100.0% #D3E2FF	RGB 211 226 255	#D3E2FF

#BFC7D3 #C2CBDA #C5D0E1 #C9D4E9 #CCD9F0 #CFDDF7 #D3E2FF

#BFC7D3 - #D3E2FF

HSV Blend

#BFC7D3 - #D3E2FF | 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 #BFC7D3 as 0% and #D3E2FF as 100%.

0.0%	0.0% #BFC7D3	RGB 191 199 211	#BFC7D3
16.7%	16.7% #C2CBDA	RGB 194 203 218	#C2CBDA
33.3%	33.3% #C6D0E1	RGB 198 208 225	#C6D0E1
50.0%	50.0% #C9D5E9	RGB 201 213 233	#C9D5E9
66.7%	66.7% #CDD9F0	RGB 205 217 240	#CDD9F0
83.3%	83.3% #D0DEF7	RGB 208 222 247	#D0DEF7
100.0%	100.0% #D3E2FF	RGB 211 226 255	#D3E2FF

#BFC7D3 #C2CBDA #C6D0E1 #C9D5E9 #CDD9F0 #D0DEF7 #D3E2FF

#BFC7D3 - #C9D5E9 - #D3E2FF

CSS codes

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

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