#ECDFDC - #D99E8F | 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 #ECDFDC to #D99E8F

#ECDFDC #D99E8F

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

#ECDFDC - #D99E8F | 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 #ECDFDC as 0% and #D99E8F as 100%.

0.0%	0.0% #ECDFDC	RGB 236 223 220	#ECDFDC
16.7%	16.7% #E8D4CF	RGB 232 212 207	#E8D4CF
33.3%	33.3% #E5C9C2	RGB 229 201 194	#E5C9C2
50.0%	50.0% #E2BEB5	RGB 226 190 181	#E2BEB5
66.7%	66.7% #DFB3A8	RGB 223 179 168	#DFB3A8
83.3%	83.3% #DCA89B	RGB 220 168 155	#DCA89B
100.0%	100.0% #D99E8F	RGB 217 158 143	#D99E8F

#ECDFDC #E8D4CF #E5C9C2 #E2BEB5 #DFB3A8 #DCA89B #D99E8F

#ECDFDC - #D99E8F

HSV Blend

#ECDFDC - #D99E8F | 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 #ECDFDC as 0% and #D99E8F as 100%.

0.0%	0.0% #ECDFDC	RGB 236 223 220	#ECDFDC
16.7%	16.7% #E8D3CE	RGB 232 211 206	#E8D3CE
33.3%	33.3% #E5C8C1	RGB 229 200 193	#E5C8C1
50.0%	50.0% #E2BDB4	RGB 226 189 180	#E2BDB4
66.7%	66.7% #DFB2A7	RGB 223 178 167	#DFB2A7
83.3%	83.3% #DCA89B	RGB 220 168 155	#DCA89B
100.0%	100.0% #D99E8F	RGB 217 158 143	#D99E8F

#ECDFDC #E8D3CE #E5C8C1 #E2BDB4 #DFB2A7 #DCA89B #D99E8F

#ECDFDC - #E2BDB4 - #D99E8F

CSS codes

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

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