#FFCDF3 - #E166B6 | 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 #FFCDF3 to #E166B6

#FFCDF3 #E166B6

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

#FFCDF3 - #E166B6 | 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 #FFCDF3 as 0% and #E166B6 as 100%.

0.0%	0.0% #FFCDF3	RGB 255 205 243	#FFCDF3
16.7%	16.7% #FABBE8	RGB 250 187 232	#FABBE8
33.3%	33.3% #F5AADE	RGB 245 170 222	#F5AADE
50.0%	50.0% #F099D4	RGB 240 153 212	#F099D4
66.7%	66.7% #EB88CA	RGB 235 136 202	#EB88CA
83.3%	83.3% #E677C0	RGB 230 119 192	#E677C0
100.0%	100.0% #E166B6	RGB 225 102 182	#E166B6

#FFCDF3 #FABBE8 #F5AADE #F099D4 #EB88CA #E677C0 #E166B6

#FFCDF3 - #E166B6

HSV Blend

#FFCDF3 - #E166B6 | 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 #FFCDF3 as 0% and #E166B6 as 100%.

0.0%	0.0% #FFCDF3	RGB 255 205 243	#FFCDF3
16.7%	16.7% #FABAE9	RGB 250 186 233	#FABAE9
33.3%	33.3% #F5A8DF	RGB 245 168 223	#F5A8DF
50.0%	50.0% #F096D5	RGB 240 150 213	#F096D5
66.7%	66.7% #EB85CB	RGB 235 133 203	#EB85CB
83.3%	83.3% #E675C0	RGB 230 117 192	#E675C0
100.0%	100.0% #E166B6	RGB 225 102 182	#E166B6

#FFCDF3 #FABAE9 #F5A8DF #F096D5 #EB85CB #E675C0 #E166B6

#FFCDF3 - #F096D5 - #E166B6

CSS codes

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

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