#EC65AC - #FFD0CD | 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 #EC65AC to #FFD0CD

#EC65AC #FFD0CD

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

#EC65AC - #FFD0CD | 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 #EC65AC as 0% and #FFD0CD as 100%.

0.0%	0.0% #EC65AC	RGB 236 101 172	#EC65AC
16.7%	16.7% #EF76B1	RGB 239 118 177	#EF76B1
33.3%	33.3% #F288B7	RGB 242 136 183	#F288B7
50.0%	50.0% #F59ABC	RGB 245 154 188	#F59ABC
66.7%	66.7% #F8ACC2	RGB 248 172 194	#F8ACC2
83.3%	83.3% #FBBEC7	RGB 251 190 199	#FBBEC7
100.0%	100.0% #FFD0CD	RGB 255 208 205	#FFD0CD

#EC65AC #EF76B1 #F288B7 #F59ABC #F8ACC2 #FBBEC7 #FFD0CD

#EC65AC - #FFD0CD

HSV Blend

#EC65AC - #FFD0CD | 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 #EC65AC as 0% and #FFD0CD as 100%.

0.0%	0.0% #EC65AB	RGB 236 101 171	#EC65AB
16.7%	16.7% #EF75A9	RGB 239 117 169	#EF75A9
33.3%	33.3% #F286A9	RGB 242 134 169	#F286A9
50.0%	50.0% #F597AD	RGB 245 151 173	#F597AD
66.7%	66.7% #F8A8B3	RGB 248 168 179	#F8A8B3
83.3%	83.3% #FBBABD	RGB 251 186 189	#FBBABD
100.0%	100.0% #FFD0CD	RGB 255 208 205	#FFD0CD

#EC65AB #EF75A9 #F286A9 #F597AD #F8A8B3 #FBBABD #FFD0CD

#EC65AC - #F597AD - #FFD0CD

CSS codes

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

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