#E9B5E1 - #FAF9FA | 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 #E9B5E1 to #FAF9FA

#E9B5E1 #FAF9FA

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

#E9B5E1 - #FAF9FA | 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 #E9B5E1 as 0% and #FAF9FA as 100%.

0.0%	0.0% #E9B5E1	RGB 233 181 225	#E9B5E1
16.7%	16.7% #EBC0E5	RGB 235 192 229	#EBC0E5
33.3%	33.3% #EECBE9	RGB 238 203 233	#EECBE9
50.0%	50.0% #F1D7ED	RGB 241 215 237	#F1D7ED
66.7%	66.7% #F4E2F1	RGB 244 226 241	#F4E2F1
83.3%	83.3% #F7EDF5	RGB 247 237 245	#F7EDF5
100.0%	100.0% #FAF9FA	RGB 250 249 250	#FAF9FA

#E9B5E1 #EBC0E5 #EECBE9 #F1D7ED #F4E2F1 #F7EDF5 #FAF9FA

#E9B5E1 - #FAF9FA

HSV Blend

#E9B5E1 - #FAF9FA | 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 #E9B5E1 as 0% and #FAF9FA as 100%.

0.0%	0.0% #E9B5E1	RGB 233 181 225	#E9B5E1
16.7%	16.7% #EBBFE6	RGB 235 191 230	#EBBFE6
33.3%	33.3% #EECAEA	RGB 238 202 234	#EECAEA
50.0%	50.0% #F1D6EF	RGB 241 214 239	#F1D6EF
66.7%	66.7% #F4E1F3	RGB 244 225 243	#F4E1F3
83.3%	83.3% #F7EDF6	RGB 247 237 246	#F7EDF6
100.0%	100.0% #FAF9FA	RGB 250 249 250	#FAF9FA

#E9B5E1 #EBBFE6 #EECAEA #F1D6EF #F4E1F3 #F7EDF6 #FAF9FA

#E9B5E1 - #F1D6EF - #FAF9FA

CSS codes

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

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