#FFCFE6 - #E2799E | 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 #FFCFE6 to #E2799E

#FFCFE6 #E2799E

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

#FFCFE6 - #E2799E | 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 #FFCFE6 as 0% and #E2799E as 100%.

0.0%	0.0% #FFCFE6	RGB 255 207 230	#FFCFE6
16.7%	16.7% #FAC0DA	RGB 250 192 218	#FAC0DA
33.3%	33.3% #F5B2CE	RGB 245 178 206	#F5B2CE
50.0%	50.0% #F0A4C2	RGB 240 164 194	#F0A4C2
66.7%	66.7% #EB95B6	RGB 235 149 182	#EB95B6
83.3%	83.3% #E687AA	RGB 230 135 170	#E687AA
100.0%	100.0% #E2799E	RGB 226 121 158	#E2799E

#FFCFE6 #FAC0DA #F5B2CE #F0A4C2 #EB95B6 #E687AA #E2799E

#FFCFE6 - #E2799E

HSV Blend

#FFCFE6 - #E2799E | 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 #FFCFE6 as 0% and #E2799E as 100%.

0.0%	0.0% #FFCFE6	RGB 255 207 230	#FFCFE6
16.7%	16.7% #FABFDA	RGB 250 191 218	#FABFDA
33.3%	33.3% #F5B0CE	RGB 245 176 206	#F5B0CE
50.0%	50.0% #F0A1C2	RGB 240 161 194	#F0A1C2
66.7%	66.7% #EB93B6	RGB 235 147 182	#EB93B6
83.3%	83.3% #E686AA	RGB 230 134 170	#E686AA
100.0%	100.0% #E2799E	RGB 226 121 158	#E2799E

#FFCFE6 #FABFDA #F5B0CE #F0A1C2 #EB93B6 #E686AA #E2799E

#FFCFE6 - #F0A1C2 - #E2799E

CSS codes

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

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