#BFD2FF - #CBEDF3 | 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 #BFD2FF to #CBEDF3

#BFD2FF #CBEDF3

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

#BFD2FF - #CBEDF3 | 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 #BFD2FF as 0% and #CBEDF3 as 100%.

0.0%	0.0% #BFD2FF	RGB 191 210 255	#BFD2FF
16.7%	16.7% #C1D6FD	RGB 193 214 253	#C1D6FD
33.3%	33.3% #C3DBFB	RGB 195 219 251	#C3DBFB
50.0%	50.0% #C5DFF9	RGB 197 223 249	#C5DFF9
66.7%	66.7% #C7E4F7	RGB 199 228 247	#C7E4F7
83.3%	83.3% #C9E8F5	RGB 201 232 245	#C9E8F5
100.0%	100.0% #CBEDF3	RGB 203 237 243	#CBEDF3

#BFD2FF #C1D6FD #C3DBFB #C5DFF9 #C7E4F7 #C9E8F5 #CBEDF3

#BFD2FF - #CBEDF3

HSV Blend

#BFD2FF - #CBEDF3 | 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 #BFD2FF as 0% and #CBEDF3 as 100%.

0.0%	0.0% #BFD2FF	RGB 191 210 255	#BFD2FF
16.7%	16.7% #C1D8FD	RGB 193 216 253	#C1D8FD
33.3%	33.3% #C3DEFB	RGB 195 222 251	#C3DEFB
50.0%	50.0% #C5E2F9	RGB 197 226 249	#C5E2F9
66.7%	66.7% #C7E7F7	RGB 199 231 247	#C7E7F7
83.3%	83.3% #C9EAF5	RGB 201 234 245	#C9EAF5
100.0%	100.0% #CBEDF3	RGB 203 237 243	#CBEDF3

#BFD2FF #C1D8FD #C3DEFB #C5E2F9 #C7E7F7 #C9EAF5 #CBEDF3

#BFD2FF - #C5E2F9 - #CBEDF3

CSS codes

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

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