#FFBFF4 - #FFFCF0 | 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 #FFBFF4 to #FFFCF0

#FFBFF4 #FFFCF0

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

#FFBFF4 - #FFFCF0 | 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 #FFBFF4 as 0% and #FFFCF0 as 100%.

0.0%	0.0% #FFBFF4	RGB 255 191 244	#FFBFF4
16.7%	16.7% #FFC9F3	RGB 255 201 243	#FFC9F3
33.3%	33.3% #FFD3F2	RGB 255 211 242	#FFD3F2
50.0%	50.0% #FFDDF2	RGB 255 221 242	#FFDDF2
66.7%	66.7% #FFE7F1	RGB 255 231 241	#FFE7F1
83.3%	83.3% #FFF1F0	RGB 255 241 240	#FFF1F0
100.0%	100.0% #FFFCF0	RGB 255 252 240	#FFFCF0

#FFBFF4 #FFC9F3 #FFD3F2 #FFDDF2 #FFE7F1 #FFF1F0 #FFFCF0

#FFBFF4 - #FFFCF0

HSV Blend

#FFBFF4 - #FFFCF0 | 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 #FFBFF4 as 0% and #FFFCF0 as 100%.

0.0%	0.0% #FFBFF4	RGB 255 191 244	#FFBFF4
16.7%	16.7% #FFC7E6	RGB 255 199 230	#FFC7E6
33.3%	33.3% #FFCFDC	RGB 255 207 220	#FFCFDC
50.0%	50.0% #FFD7D8	RGB 255 215 216	#FFD7D8
66.7%	66.7% #FFE7DF	RGB 255 231 223	#FFE7DF
83.3%	83.3% #FFF4E7	RGB 255 244 231	#FFF4E7
100.0%	100.0% #FFFCF0	RGB 255 252 240	#FFFCF0

#FFBFF4 #FFC7E6 #FFCFDC #FFD7D8 #FFE7DF #FFF4E7 #FFFCF0

#FFBFF4 - #FFD7D8 - #FFFCF0

CSS codes

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

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