#ECC0CE - #FDF5E3 | 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 #ECC0CE to #FDF5E3

#ECC0CE #FDF5E3

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

#ECC0CE - #FDF5E3 | 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 #ECC0CE as 0% and #FDF5E3 as 100%.

0.0%	0.0% #ECC0CE	RGB 236 192 206	#ECC0CE
16.7%	16.7% #EEC8D1	RGB 238 200 209	#EEC8D1
33.3%	33.3% #F1D1D5	RGB 241 209 213	#F1D1D5
50.0%	50.0% #F4DAD8	RGB 244 218 216	#F4DAD8
66.7%	66.7% #F7E3DC	RGB 247 227 220	#F7E3DC
83.3%	83.3% #FAECDF	RGB 250 236 223	#FAECDF
100.0%	100.0% #FDF5E3	RGB 253 245 227	#FDF5E3

#ECC0CE #EEC8D1 #F1D1D5 #F4DAD8 #F7E3DC #FAECDF #FDF5E3

#ECC0CE - #FDF5E3

HSV Blend

#ECC0CE - #FDF5E3 | 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 #ECC0CE as 0% and #FDF5E3 as 100%.

0.0%	0.0% #ECC0CE	RGB 236 192 206	#ECC0CE
16.7%	16.7% #EEC5CB	RGB 238 197 203	#EEC5CB
33.3%	33.3% #F1CCCB	RGB 241 204 203	#F1CCCB
50.0%	50.0% #F4D7D1	RGB 244 215 209	#F4D7D1
66.7%	66.7% #F7E2D7	RGB 247 226 215	#F7E2D7
83.3%	83.3% #FAECDC	RGB 250 236 220	#FAECDC
100.0%	100.0% #FDF5E3	RGB 253 245 227	#FDF5E3

#ECC0CE #EEC5CB #F1CCCB #F4D7D1 #F7E2D7 #FAECDC #FDF5E3

#ECC0CE - #F4D7D1 - #FDF5E3

CSS codes

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

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