#D3C3C0 - #EDCCDC | 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 #D3C3C0 to #EDCCDC

#D3C3C0 #EDCCDC

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

#D3C3C0 - #EDCCDC | 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 #D3C3C0 as 0% and #EDCCDC as 100%.

0.0%	0.0% #D3C3C0	RGB 211 195 192	#D3C3C0
16.7%	16.7% #D7C4C4	RGB 215 196 196	#D7C4C4
33.3%	33.3% #DBC6C9	RGB 219 198 201	#DBC6C9
50.0%	50.0% #E0C7CE	RGB 224 199 206	#E0C7CE
66.7%	66.7% #E4C9D2	RGB 228 201 210	#E4C9D2
83.3%	83.3% #E8CAD7	RGB 232 202 215	#E8CAD7
100.0%	100.0% #EDCCDC	RGB 237 204 220	#EDCCDC

#D3C3C0 #D7C4C4 #DBC6C9 #E0C7CE #E4C9D2 #E8CAD7 #EDCCDC

#D3C3C0 - #EDCCDC

HSV Blend

#D3C3C0 - #EDCCDC | 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 #D3C3C0 as 0% and #EDCCDC as 100%.

0.0%	0.0% #D3C3C0	RGB 211 195 192	#D3C3C0
16.7%	16.7% #D7C3C2	RGB 215 195 194	#D7C3C2
33.3%	33.3% #DBC4C5	RGB 219 196 197	#DBC4C5
50.0%	50.0% #E0C6CA	RGB 224 198 202	#E0C6CA
66.7%	66.7% #E4C8CF	RGB 228 200 207	#E4C8CF
83.3%	83.3% #E8CAD5	RGB 232 202 213	#E8CAD5
100.0%	100.0% #EDCCDC	RGB 237 204 220	#EDCCDC

#D3C3C0 #D7C3C2 #DBC4C5 #E0C6CA #E4C8CF #E8CAD5 #EDCCDC

#D3C3C0 - #E0C6CA - #EDCCDC

CSS codes

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

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