#FECAC9 - #EFCDFF | 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 #FECAC9 to #EFCDFF

#FECAC9 #EFCDFF

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

#FECAC9 - #EFCDFF | 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 #FECAC9 as 0% and #EFCDFF as 100%.

0.0%	0.0% #FECAC9	RGB 254 202 201	#FECAC9
16.7%	16.7% #FBCAD2	RGB 251 202 210	#FBCAD2
33.3%	33.3% #F9CBDB	RGB 249 203 219	#F9CBDB
50.0%	50.0% #F6CBE4	RGB 246 203 228	#F6CBE4
66.7%	66.7% #F4CCED	RGB 244 204 237	#F4CCED
83.3%	83.3% #F1CCF6	RGB 241 204 246	#F1CCF6
100.0%	100.0% #EFCDFF	RGB 239 205 255	#EFCDFF

#FECAC9 #FBCAD2 #F9CBDB #F6CBE4 #F4CCED #F1CCF6 #EFCDFF

#FECAC9 - #EFCDFF

HSV Blend

#FECAC9 - #EFCDFF | 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 #FECAC9 as 0% and #EFCDFF as 100%.

0.0%	0.0% #FECAC9	RGB 254 202 201	#FECAC9
16.7%	16.7% #FEC9D4	RGB 254 201 212	#FEC9D4
33.3%	33.3% #FECAE0	RGB 254 202 224	#FECAE0
50.0%	50.0% #FECAEC	RGB 254 202 236	#FECAEC
66.7%	66.7% #FECBF8	RGB 254 203 248	#FECBF8
83.3%	83.3% #F9CCFE	RGB 249 204 254	#F9CCFE
100.0%	100.0% #EFCDFF	RGB 239 205 255	#EFCDFF

#FECAC9 #FEC9D4 #FECAE0 #FECAEC #FECBF8 #F9CCFE #EFCDFF

#FECAC9 - #FECAEC - #EFCDFF

CSS codes

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

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