#FFBFF3 - #FFFDF0 | 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 #FFBFF3 to #FFFDF0

#FFBFF3 #FFFDF0

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

#FFBFF3 - #FFFDF0 | 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 #FFBFF3 as 0% and #FFFDF0 as 100%.

0.0%	0.0% #FFBFF3	RGB 255 191 243	#FFBFF3
16.7%	16.7% #FFC9F2	RGB 255 201 242	#FFC9F2
33.3%	33.3% #FFD3F2	RGB 255 211 242	#FFD3F2
50.0%	50.0% #FFDEF1	RGB 255 222 241	#FFDEF1
66.7%	66.7% #FFE8F1	RGB 255 232 241	#FFE8F1
83.3%	83.3% #FFF2F0	RGB 255 242 240	#FFF2F0
100.0%	100.0% #FFFDF0	RGB 255 253 240	#FFFDF0

#FFBFF3 #FFC9F2 #FFD3F2 #FFDEF1 #FFE8F1 #FFF2F0 #FFFDF0

#FFBFF3 - #FFFDF0

HSV Blend

#FFBFF3 - #FFFDF0 | 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 #FFBFF3 as 0% and #FFFDF0 as 100%.

0.0%	0.0% #FFBFF3	RGB 255 191 243	#FFBFF3
16.7%	16.7% #FFC7E4	RGB 255 199 228	#FFC7E4
33.3%	33.3% #FFCFDB	RGB 255 207 219	#FFCFDB
50.0%	50.0% #FFD8D7	RGB 255 216 215	#FFD8D7
66.7%	66.7% #FFE9DF	RGB 255 233 223	#FFE9DF
83.3%	83.3% #FFF5E7	RGB 255 245 231	#FFF5E7
100.0%	100.0% #FFFDF0	RGB 255 253 240	#FFFDF0

#FFBFF3 #FFC7E4 #FFCFDB #FFD8D7 #FFE9DF #FFF5E7 #FFFDF0

#FFBFF3 - #FFD8D7 - #FFFDF0

CSS codes

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

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