#FFB2FE - #BBCAFF | 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 #FFB2FE to #BBCAFF

#FFB2FE #BBCAFF

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

#FFB2FE - #BBCAFF | 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 #FFB2FE as 0% and #BBCAFF as 100%.

0.0%	0.0% #FFB2FE	RGB 255 178 254	#FFB2FE
16.7%	16.7% #F3B6FE	RGB 243 182 254	#F3B6FE
33.3%	33.3% #E8BAFE	RGB 232 186 254	#E8BAFE
50.0%	50.0% #DDBEFE	RGB 221 190 254	#DDBEFE
66.7%	66.7% #D1C2FE	RGB 209 194 254	#D1C2FE
83.3%	83.3% #C6C6FE	RGB 198 198 254	#C6C6FE
100.0%	100.0% #BBCAFF	RGB 187 202 255	#BBCAFF

#FFB2FE #F3B6FE #E8BAFE #DDBEFE #D1C2FE #C6C6FE #BBCAFF

#FFB2FE - #BBCAFF

HSV Blend

#FFB2FE - #BBCAFF | 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 #FFB2FE as 0% and #BBCAFF as 100%.

0.0%	0.0% #FFB2FE	RGB 255 178 254	#FFB2FE
16.7%	16.7% #F0B3FF	RGB 240 179 255	#F0B3FF
33.3%	33.3% #E1B5FF	RGB 225 181 255	#E1B5FF
50.0%	50.0% #D3B6FF	RGB 211 182 255	#D3B6FF
66.7%	66.7% #C5B8FF	RGB 197 184 255	#C5B8FF
83.3%	83.3% #B9BAFF	RGB 185 186 255	#B9BAFF
100.0%	100.0% #BBCAFF	RGB 187 202 255	#BBCAFF

#FFB2FE #F0B3FF #E1B5FF #D3B6FF #C5B8FF #B9BAFF #BBCAFF

#FFB2FE - #D3B6FF - #BBCAFF

CSS codes

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

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