#EDCBDB - #ECE6E7 | 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 #EDCBDB to #ECE6E7

#EDCBDB #ECE6E7

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

#EDCBDB - #ECE6E7 | 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 #EDCBDB as 0% and #ECE6E7 as 100%.

0.0%	0.0% #EDCBDB	RGB 237 203 219	#EDCBDB
16.7%	16.7% #ECCFDD	RGB 236 207 221	#ECCFDD
33.3%	33.3% #ECD4DF	RGB 236 212 223	#ECD4DF
50.0%	50.0% #ECD8E1	RGB 236 216 225	#ECD8E1
66.7%	66.7% #ECDDE3	RGB 236 221 227	#ECDDE3
83.3%	83.3% #ECE1E5	RGB 236 225 229	#ECE1E5
100.0%	100.0% #ECE6E7	RGB 236 230 231	#ECE6E7

#EDCBDB #ECCFDD #ECD4DF #ECD8E1 #ECDDE3 #ECE1E5 #ECE6E7

#EDCBDB - #ECE6E7

HSV Blend

#EDCBDB - #ECE6E7 | 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 #EDCBDB as 0% and #ECE6E7 as 100%.

0.0%	0.0% #EDCBDB	RGB 237 203 219	#EDCBDB
16.7%	16.7% #ECCFDB	RGB 236 207 219	#ECCFDB
33.3%	33.3% #ECD4DD	RGB 236 212 221	#ECD4DD
50.0%	50.0% #ECD8DE	RGB 236 216 222	#ECD8DE
66.7%	66.7% #ECDDE1	RGB 236 221 225	#ECDDE1
83.3%	83.3% #ECE1E3	RGB 236 225 227	#ECE1E3
100.0%	100.0% #ECE6E7	RGB 236 230 231	#ECE6E7

#EDCBDB #ECCFDB #ECD4DD #ECD8DE #ECDDE1 #ECE1E3 #ECE6E7

#EDCBDB - #ECD8DE - #ECE6E7

CSS codes

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

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