#EFB9DB - #FAEBF4 | 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 #EFB9DB to #FAEBF4

#EFB9DB #FAEBF4

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

#EFB9DB - #FAEBF4 | 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 #EFB9DB as 0% and #FAEBF4 as 100%.

0.0%	0.0% #EFB9DB	RGB 239 185 219	#EFB9DB
16.7%	16.7% #F0C1DF	RGB 240 193 223	#F0C1DF
33.3%	33.3% #F2C9E3	RGB 242 201 227	#F2C9E3
50.0%	50.0% #F4D2E7	RGB 244 210 231	#F4D2E7
66.7%	66.7% #F6DAEB	RGB 246 218 235	#F6DAEB
83.3%	83.3% #F8E2EF	RGB 248 226 239	#F8E2EF
100.0%	100.0% #FAEBF4	RGB 250 235 244	#FAEBF4

#EFB9DB #F0C1DF #F2C9E3 #F4D2E7 #F6DAEB #F8E2EF #FAEBF4

#EFB9DB - #FAEBF4

HSV Blend

#EFB9DB - #FAEBF4 | 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 #EFB9DB as 0% and #FAEBF4 as 100%.

0.0%	0.0% #EFB9DB	RGB 239 185 219	#EFB9DB
16.7%	16.7% #F0C1DE	RGB 240 193 222	#F0C1DE
33.3%	33.3% #F2C9E2	RGB 242 201 226	#F2C9E2
50.0%	50.0% #F4D1E7	RGB 244 209 231	#F4D1E7
66.7%	66.7% #F6D9EB	RGB 246 217 235	#F6D9EB
83.3%	83.3% #F8E2EF	RGB 248 226 239	#F8E2EF
100.0%	100.0% #FAEBF4	RGB 250 235 244	#FAEBF4

#EFB9DB #F0C1DE #F2C9E2 #F4D1E7 #F6D9EB #F8E2EF #FAEBF4

#EFB9DB - #F4D1E7 - #FAEBF4

CSS codes

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

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