#FFCFFD - #E279D0 | 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 #FFCFFD to #E279D0

#FFCFFD #E279D0

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

#FFCFFD - #E279D0 | 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 #FFCFFD as 0% and #E279D0 as 100%.

0.0%	0.0% #FFCFFD	RGB 255 207 253	#FFCFFD
16.7%	16.7% #FAC0F5	RGB 250 192 245	#FAC0F5
33.3%	33.3% #F5B2EE	RGB 245 178 238	#F5B2EE
50.0%	50.0% #F0A4E6	RGB 240 164 230	#F0A4E6
66.7%	66.7% #EB95DF	RGB 235 149 223	#EB95DF
83.3%	83.3% #E687D7	RGB 230 135 215	#E687D7
100.0%	100.0% #E279D0	RGB 226 121 208	#E279D0

#FFCFFD #FAC0F5 #F5B2EE #F0A4E6 #EB95DF #E687D7 #E279D0

#FFCFFD - #E279D0

HSV Blend

#FFCFFD - #E279D0 | 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 #FFCFFD as 0% and #E279D0 as 100%.

0.0%	0.0% #FFCFFD	RGB 255 207 253	#FFCFFD
16.7%	16.7% #FABFF6	RGB 250 191 246	#FABFF6
33.3%	33.3% #F5B0EF	RGB 245 176 239	#F5B0EF
50.0%	50.0% #F0A1E8	RGB 240 161 232	#F0A1E8
66.7%	66.7% #EB93E0	RGB 235 147 224	#EB93E0
83.3%	83.3% #E686D8	RGB 230 134 216	#E686D8
100.0%	100.0% #E279D0	RGB 226 121 208	#E279D0

#FFCFFD #FABFF6 #F5B0EF #F0A1E8 #EB93E0 #E686D8 #E279D0

#FFCFFD - #F0A1E8 - #E279D0

CSS codes

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

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