#D8C3C2 - #EFD1DF | 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 #D8C3C2 to #EFD1DF

#D8C3C2 #EFD1DF

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

#D8C3C2 - #EFD1DF | 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 #D8C3C2 as 0% and #EFD1DF as 100%.

0.0%	0.0% #D8C3C2	RGB 216 195 194	#D8C3C2
16.7%	16.7% #DBC5C6	RGB 219 197 198	#DBC5C6
33.3%	33.3% #DFC7CB	RGB 223 199 203	#DFC7CB
50.0%	50.0% #E3CAD0	RGB 227 202 208	#E3CAD0
66.7%	66.7% #E7CCD5	RGB 231 204 213	#E7CCD5
83.3%	83.3% #EBCEDA	RGB 235 206 218	#EBCEDA
100.0%	100.0% #EFD1DF	RGB 239 209 223	#EFD1DF

#D8C3C2 #DBC5C6 #DFC7CB #E3CAD0 #E7CCD5 #EBCEDA #EFD1DF

#D8C3C2 - #EFD1DF

HSV Blend

#D8C3C2 - #EFD1DF | 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 #D8C3C2 as 0% and #EFD1DF as 100%.

0.0%	0.0% #D8C3C2	RGB 216 195 194	#D8C3C2
16.7%	16.7% #DBC4C5	RGB 219 196 197	#DBC4C5
33.3%	33.3% #DFC7CA	RGB 223 199 202	#DFC7CA
50.0%	50.0% #E3C9CF	RGB 227 201 207	#E3C9CF
66.7%	66.7% #E7CCD4	RGB 231 204 212	#E7CCD4
83.3%	83.3% #EBCED9	RGB 235 206 217	#EBCED9
100.0%	100.0% #EFD1DF	RGB 239 209 223	#EFD1DF

#D8C3C2 #DBC4C5 #DFC7CA #E3C9CF #E7CCD4 #EBCED9 #EFD1DF

#D8C3C2 - #E3C9CF - #EFD1DF

CSS codes

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

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