#FFEDFD - #E69CC3 | 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 #FFEDFD to #E69CC3

#FFEDFD #E69CC3

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

#FFEDFD - #E69CC3 | 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 #FFEDFD as 0% and #E69CC3 as 100%.

0.0%	0.0% #FFEDFD	RGB 255 237 253	#FFEDFD
16.7%	16.7% #FADFF3	RGB 250 223 243	#FADFF3
33.3%	33.3% #F6D2E9	RGB 246 210 233	#F6D2E9
50.0%	50.0% #F2C4E0	RGB 242 196 224	#F2C4E0
66.7%	66.7% #EEB7D6	RGB 238 183 214	#EEB7D6
83.3%	83.3% #EAA9CC	RGB 234 169 204	#EAA9CC
100.0%	100.0% #E69CC3	RGB 230 156 195	#E69CC3

#FFEDFD #FADFF3 #F6D2E9 #F2C4E0 #EEB7D6 #EAA9CC #E69CC3

#FFEDFD - #E69CC3

HSV Blend

#FFEDFD - #E69CC3 | 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 #FFEDFD as 0% and #E69CC3 as 100%.

0.0%	0.0% #FFEDFD	RGB 255 237 253	#FFEDFD
16.7%	16.7% #FADEF5	RGB 250 222 245	#FADEF5
33.3%	33.3% #F6D0ED	RGB 246 208 237	#F6D0ED
50.0%	50.0% #F2C2E4	RGB 242 194 228	#F2C2E4
66.7%	66.7% #EEB5DA	RGB 238 181 218	#EEB5DA
83.3%	83.3% #EAA8CF	RGB 234 168 207	#EAA8CF
100.0%	100.0% #E69CC3	RGB 230 156 195	#E69CC3

#FFEDFD #FADEF5 #F6D0ED #F2C2E4 #EEB5DA #EAA8CF #E69CC3

#FFEDFD - #F2C2E4 - #E69CC3

CSS codes

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

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