#B2CBFF - #FCF0FF | 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 #B2CBFF to #FCF0FF

#B2CBFF #FCF0FF

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

#B2CBFF - #FCF0FF | 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 #B2CBFF as 0% and #FCF0FF as 100%.

0.0%	0.0% #B2CBFF	RGB 178 203 255	#B2CBFF
16.7%	16.7% #BED1FF	RGB 190 209 255	#BED1FF
33.3%	33.3% #CAD7FF	RGB 202 215 255	#CAD7FF
50.0%	50.0% #D7DDFF	RGB 215 221 255	#D7DDFF
66.7%	66.7% #E3E3FF	RGB 227 227 255	#E3E3FF
83.3%	83.3% #EFE9FF	RGB 239 233 255	#EFE9FF
100.0%	100.0% #FCF0FF	RGB 252 240 255	#FCF0FF

#B2CBFF #BED1FF #CAD7FF #D7DDFF #E3E3FF #EFE9FF #FCF0FF

#B2CBFF - #FCF0FF

HSV Blend

#B2CBFF - #FCF0FF | 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 #B2CBFF as 0% and #FCF0FF as 100%.

0.0%	0.0% #B2CBFF	RGB 178 203 255	#B2CBFF
16.7%	16.7% #BCC5FF	RGB 188 197 255	#BCC5FF
33.3%	33.3% #C9C6FF	RGB 201 198 255	#C9C6FF
50.0%	50.0% #DBD1FF	RGB 219 209 255	#DBD1FF
66.7%	66.7% #EADBFF	RGB 234 219 255	#EADBFF
83.3%	83.3% #F5E5FF	RGB 245 229 255	#F5E5FF
100.0%	100.0% #FCF0FF	RGB 252 240 255	#FCF0FF

#B2CBFF #BCC5FF #C9C6FF #DBD1FF #EADBFF #F5E5FF #FCF0FF

#B2CBFF - #DBD1FF - #FCF0FF

CSS codes

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

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