#FFB9F1 - #FFFAEE | 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 #FFB9F1 to #FFFAEE

#FFB9F1 #FFFAEE

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

#FFB9F1 - #FFFAEE | 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 #FFB9F1 as 0% and #FFFAEE as 100%.

0.0%	0.0% #FFB9F1	RGB 255 185 241	#FFB9F1
16.7%	16.7% #FFC3F0	RGB 255 195 240	#FFC3F0
33.3%	33.3% #FFCEF0	RGB 255 206 240	#FFCEF0
50.0%	50.0% #FFD9EF	RGB 255 217 239	#FFD9EF
66.7%	66.7% #FFE4EF	RGB 255 228 239	#FFE4EF
83.3%	83.3% #FFEFEE	RGB 255 239 238	#FFEFEE
100.0%	100.0% #FFFAEE	RGB 255 250 238	#FFFAEE

#FFB9F1 #FFC3F0 #FFCEF0 #FFD9EF #FFE4EF #FFEFEE #FFFAEE

#FFB9F1 - #FFFAEE

HSV Blend

#FFB9F1 - #FFFAEE | 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 #FFB9F1 as 0% and #FFFAEE as 100%.

0.0%	0.0% #FFB9F1	RGB 255 185 241	#FFB9F1
16.7%	16.7% #FFC1E3	RGB 255 193 227	#FFC1E3
33.3%	33.3% #FFCADA	RGB 255 202 218	#FFCADA
50.0%	50.0% #FFD3D5	RGB 255 211 213	#FFD3D5
66.7%	66.7% #FFE3DC	RGB 255 227 220	#FFE3DC
83.3%	83.3% #FFF0E5	RGB 255 240 229	#FFF0E5
100.0%	100.0% #FFFAEE	RGB 255 250 238	#FFFAEE

#FFB9F1 #FFC1E3 #FFCADA #FFD3D5 #FFE3DC #FFF0E5 #FFFAEE

#FFB9F1 - #FFD3D5 - #FFFAEE

CSS codes

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

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