#D3CDA8 - #E2C0D0 | 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 #D3CDA8 to #E2C0D0

#D3CDA8 #E2C0D0

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

#D3CDA8 - #E2C0D0 | 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 #D3CDA8 as 0% and #E2C0D0 as 100%.

0.0%	0.0% #D3CDA8	RGB 211 205 168	#D3CDA8
16.7%	16.7% #D5CAAE	RGB 213 202 174	#D5CAAE
33.3%	33.3% #D8C8B5	RGB 216 200 181	#D8C8B5
50.0%	50.0% #DAC6BC	RGB 218 198 188	#DAC6BC
66.7%	66.7% #DDC4C2	RGB 221 196 194	#DDC4C2
83.3%	83.3% #DFC2C9	RGB 223 194 201	#DFC2C9
100.0%	100.0% #E2C0D0	RGB 226 192 208	#E2C0D0

#D3CDA8 #D5CAAE #D8C8B5 #DAC6BC #DDC4C2 #DFC2C9 #E2C0D0

#D3CDA8 - #E2C0D0

HSV Blend

#D3CDA8 - #E2C0D0 | 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 #D3CDA8 as 0% and #E2C0D0 as 100%.

0.0%	0.0% #D3CDA8	RGB 211 205 168	#D3CDA8
16.7%	16.7% #D5C6AB	RGB 213 198 171	#D5C6AB
33.3%	33.3% #D8C0AF	RGB 216 192 175	#D8C0AF
50.0%	50.0% #DABBB3	RGB 218 187 179	#DABBB3
66.7%	66.7% #DDB7B8	RGB 221 183 184	#DDB7B8
83.3%	83.3% #DFBBC4	RGB 223 187 196	#DFBBC4
100.0%	100.0% #E2C0D0	RGB 226 192 208	#E2C0D0

#D3CDA8 #D5C6AB #D8C0AF #DABBB3 #DDB7B8 #DFBBC4 #E2C0D0

#D3CDA8 - #DABBB3 - #E2C0D0

CSS codes

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

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