#B2CCFF - #FFEBFD | 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 #B2CCFF to #FFEBFD

#B2CCFF #FFEBFD

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

#B2CCFF - #FFEBFD | 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 #B2CCFF as 0% and #FFEBFD as 100%.

0.0%	0.0% #B2CCFF	RGB 178 204 255	#B2CCFF
16.7%	16.7% #BED1FE	RGB 190 209 254	#BED1FE
33.3%	33.3% #CBD6FE	RGB 203 214 254	#CBD6FE
50.0%	50.0% #D8DBFE	RGB 216 219 254	#D8DBFE
66.7%	66.7% #E5E0FD	RGB 229 224 253	#E5E0FD
83.3%	83.3% #F2E5FD	RGB 242 229 253	#F2E5FD
100.0%	100.0% #FFEBFD	RGB 255 235 253	#FFEBFD

#B2CCFF #BED1FE #CBD6FE #D8DBFE #E5E0FD #F2E5FD #FFEBFD

#B2CCFF - #FFEBFD

HSV Blend

#B2CCFF - #FFEBFD | 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 #B2CCFF as 0% and #FFEBFD as 100%.

0.0%	0.0% #B2CCFF	RGB 178 204 255	#B2CCFF
16.7%	16.7% #BBC2FF	RGB 187 194 255	#BBC2FF
33.3%	33.3% #CDC5FF	RGB 205 197 255	#CDC5FF
50.0%	50.0% #E0CEFF	RGB 224 206 255	#E0CEFF
66.7%	66.7% #F0D8FF	RGB 240 216 255	#F0D8FF
83.3%	83.3% #FAE1FF	RGB 250 225 255	#FAE1FF
100.0%	100.0% #FFEBFD	RGB 255 235 253	#FFEBFD

#B2CCFF #BBC2FF #CDC5FF #E0CEFF #F0D8FF #FAE1FF #FFEBFD

#B2CCFF - #E0CEFF - #FFEBFD

CSS codes

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

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