#BFCBC3 - #D3F2FF | 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 #BFCBC3 to #D3F2FF

#BFCBC3 #D3F2FF

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

#BFCBC3 - #D3F2FF | 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 #BFCBC3 as 0% and #D3F2FF as 100%.

0.0%	0.0% #BFCBC3	RGB 191 203 195	#BFCBC3
16.7%	16.7% #C2D1CD	RGB 194 209 205	#C2D1CD
33.3%	33.3% #C5D8D7	RGB 197 216 215	#C5D8D7
50.0%	50.0% #C9DEE1	RGB 201 222 225	#C9DEE1
66.7%	66.7% #CCE5EB	RGB 204 229 235	#CCE5EB
83.3%	83.3% #CFEBF5	RGB 207 235 245	#CFEBF5
100.0%	100.0% #D3F2FF	RGB 211 242 255	#D3F2FF

#BFCBC3 #C2D1CD #C5D8D7 #C9DEE1 #CCE5EB #CFEBF5 #D3F2FF

#BFCBC3 - #D3F2FF

HSV Blend

#BFCBC3 - #D3F2FF | 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 #BFCBC3 as 0% and #D3F2FF as 100%.

0.0%	0.0% #BFCBC3	RGB 191 203 195	#BFCBC3
16.7%	16.7% #C3D3CB	RGB 195 211 203	#C3D3CB
33.3%	33.3% #C6DCD4	RGB 198 220 212	#C6DCD4
50.0%	50.0% #CAE5E0	RGB 202 229 224	#CAE5E0
66.7%	66.7% #CDEDEC	RGB 205 237 236	#CDEDEC
83.3%	83.3% #D0F1F6	RGB 208 241 246	#D0F1F6
100.0%	100.0% #D3F2FF	RGB 211 242 255	#D3F2FF

#BFCBC3 #C3D3CB #C6DCD4 #CAE5E0 #CDEDEC #D0F1F6 #D3F2FF

#BFCBC3 - #CAE5E0 - #D3F2FF

CSS codes

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

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