#EC6DB2 - #FCD6D3 | 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 #EC6DB2 to #FCD6D3

#EC6DB2 #FCD6D3

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

#EC6DB2 - #FCD6D3 | 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 #EC6DB2 as 0% and #FCD6D3 as 100%.

0.0%	0.0% #EC6DB2	RGB 236 109 178	#EC6DB2
16.7%	16.7% #EE7EB7	RGB 238 126 183	#EE7EB7
33.3%	33.3% #F190BD	RGB 241 144 189	#F190BD
50.0%	50.0% #F4A1C2	RGB 244 161 194	#F4A1C2
66.7%	66.7% #F6B3C8	RGB 246 179 200	#F6B3C8
83.3%	83.3% #F9C4CD	RGB 249 196 205	#F9C4CD
100.0%	100.0% #FCD6D3	RGB 252 214 211	#FCD6D3

#EC6DB2 #EE7EB7 #F190BD #F4A1C2 #F6B3C8 #F9C4CD #FCD6D3

#EC6DB2 - #FCD6D3

HSV Blend

#EC6DB2 - #FCD6D3 | 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 #EC6DB2 as 0% and #FCD6D3 as 100%.

0.0%	0.0% #EC6DB2	RGB 236 109 178	#EC6DB2
16.7%	16.7% #EE7DAF	RGB 238 125 175	#EE7DAF
33.3%	33.3% #F18DAF	RGB 241 141 175	#F18DAF
50.0%	50.0% #F49EB2	RGB 244 158 178	#F49EB2
66.7%	66.7% #F6AFB9	RGB 246 175 185	#F6AFB9
83.3%	83.3% #F9C1C2	RGB 249 193 194	#F9C1C2
100.0%	100.0% #FCD6D3	RGB 252 214 211	#FCD6D3

#EC6DB2 #EE7DAF #F18DAF #F49EB2 #F6AFB9 #F9C1C2 #FCD6D3

#EC6DB2 - #F49EB2 - #FCD6D3

CSS codes

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

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