#FFCFF5 - #EC7ADA | 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 #FFCFF5 to #EC7ADA

#FFCFF5 #EC7ADA

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

#FFCFF5 - #EC7ADA | 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 #FFCFF5 as 0% and #EC7ADA as 100%.

0.0%	0.0% #FFCFF5	RGB 255 207 245	#FFCFF5
16.7%	16.7% #FBC0F0	RGB 251 192 240	#FBC0F0
33.3%	33.3% #F8B2EC	RGB 248 178 236	#F8B2EC
50.0%	50.0% #F5A4E7	RGB 245 164 231	#F5A4E7
66.7%	66.7% #F296E3	RGB 242 150 227	#F296E3
83.3%	83.3% #EF88DE	RGB 239 136 222	#EF88DE
100.0%	100.0% #EC7ADA	RGB 236 122 218	#EC7ADA

#FFCFF5 #FBC0F0 #F8B2EC #F5A4E7 #F296E3 #EF88DE #EC7ADA

#FFCFF5 - #EC7ADA

HSV Blend

#FFCFF5 - #EC7ADA | 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 #FFCFF5 as 0% and #EC7ADA as 100%.

0.0%	0.0% #FFCFF5	RGB 255 207 245	#FFCFF5
16.7%	16.7% #FBC0EF	RGB 251 192 239	#FBC0EF
33.3%	33.3% #F8B1EB	RGB 248 177 235	#F8B1EB
50.0%	50.0% #F5A3E6	RGB 245 163 230	#F5A3E6
66.7%	66.7% #F295E2	RGB 242 149 226	#F295E2
83.3%	83.3% #EF87DD	RGB 239 135 221	#EF87DD
100.0%	100.0% #EC7ADA	RGB 236 122 218	#EC7ADA

#FFCFF5 #FBC0EF #F8B1EB #F5A3E6 #F295E2 #EF87DD #EC7ADA

#FFCFF5 - #F5A3E6 - #EC7ADA

CSS codes

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

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