#FFC2D7 - #EE708E | 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 #FFC2D7 to #EE708E

#FFC2D7 #EE708E

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

#FFC2D7 - #EE708E | 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 #FFC2D7 as 0% and #EE708E as 100%.

0.0%	0.0% #FFC2D7	RGB 255 194 215	#FFC2D7
16.7%	16.7% #FCB4CA	RGB 252 180 202	#FCB4CA
33.3%	33.3% #F9A6BE	RGB 249 166 190	#F9A6BE
50.0%	50.0% #F699B2	RGB 246 153 178	#F699B2
66.7%	66.7% #F38BA6	RGB 243 139 166	#F38BA6
83.3%	83.3% #F07D9A	RGB 240 125 154	#F07D9A
100.0%	100.0% #EE708E	RGB 238 112 142	#EE708E

#FFC2D7 #FCB4CA #F9A6BE #F699B2 #F38BA6 #F07D9A #EE708E

#FFC2D7 - #EE708E

HSV Blend

#FFC2D7 - #EE708E | 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 #FFC2D7 as 0% and #EE708E as 100%.

0.0%	0.0% #FFC2D7	RGB 255 194 215	#FFC2D7
16.7%	16.7% #FCB3CB	RGB 252 179 203	#FCB3CB
33.3%	33.3% #F9A5BF	RGB 249 165 191	#F9A5BF
50.0%	50.0% #F697B3	RGB 246 151 179	#F697B3
66.7%	66.7% #F38AA7	RGB 243 138 167	#F38AA7
83.3%	83.3% #F07C9A	RGB 240 124 154	#F07C9A
100.0%	100.0% #EE708E	RGB 238 112 142	#EE708E

#FFC2D7 #FCB3CB #F9A5BF #F697B3 #F38AA7 #F07C9A #EE708E

#FFC2D7 - #F697B3 - #EE708E

CSS codes

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

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