#EDC0CF - #ECFFE2 | 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 #EDC0CF to #ECFFE2

#EDC0CF #ECFFE2

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

#EDC0CF - #ECFFE2 | 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 #EDC0CF as 0% and #ECFFE2 as 100%.

0.0%	0.0% #EDC0CF	RGB 237 192 207	#EDC0CF
16.7%	16.7% #ECCAD2	RGB 236 202 210	#ECCAD2
33.3%	33.3% #ECD5D5	RGB 236 213 213	#ECD5D5
50.0%	50.0% #ECDFD8	RGB 236 223 216	#ECDFD8
66.7%	66.7% #ECEADB	RGB 236 234 219	#ECEADB
83.3%	83.3% #ECF4DE	RGB 236 244 222	#ECF4DE
100.0%	100.0% #ECFFE2	RGB 236 255 226	#ECFFE2

#EDC0CF #ECCAD2 #ECD5D5 #ECDFD8 #ECEADB #ECF4DE #ECFFE2

#EDC0CF - #ECFFE2

HSV Blend

#EDC0CF - #ECFFE2 | 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 #EDC0CF as 0% and #ECFFE2 as 100%.

0.0%	0.0% #EDC0CF	RGB 237 192 207	#EDC0CF
16.7%	16.7% #F0C5C5	RGB 240 197 197	#F0C5C5
33.3%	33.3% #F3D8CB	RGB 243 216 203	#F3D8CB
50.0%	50.0% #F6E9D0	RGB 246 233 208	#F6E9D0
66.7%	66.7% #F9F8D6	RGB 249 248 214	#F9F8D6
83.3%	83.3% #F1FCDC	RGB 241 252 220	#F1FCDC
100.0%	100.0% #ECFFE2	RGB 236 255 226	#ECFFE2

#EDC0CF #F0C5C5 #F3D8CB #F6E9D0 #F9F8D6 #F1FCDC #ECFFE2

#EDC0CF - #F6E9D0 - #ECFFE2

CSS codes

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

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