#E2D0D1 - #C5808D | 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 #E2D0D1 to #C5808D

#E2D0D1 #C5808D

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

#E2D0D1 - #C5808D | 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 #E2D0D1 as 0% and #C5808D as 100%.

0.0%	0.0% #E2D0D1	RGB 226 208 209	#E2D0D1
16.7%	16.7% #DDC2C5	RGB 221 194 197	#DDC2C5
33.3%	33.3% #D8B5BA	RGB 216 181 186	#D8B5BA
50.0%	50.0% #D3A8AF	RGB 211 168 175	#D3A8AF
66.7%	66.7% #CE9AA3	RGB 206 154 163	#CE9AA3
83.3%	83.3% #C98D98	RGB 201 141 152	#C98D98
100.0%	100.0% #C5808D	RGB 197 128 141	#C5808D

#E2D0D1 #DDC2C5 #D8B5BA #D3A8AF #CE9AA3 #C98D98 #C5808D

#E2D0D1 - #C5808D

HSV Blend

#E2D0D1 - #C5808D | 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 #E2D0D1 as 0% and #C5808D as 100%.

0.0%	0.0% #E2D0D1	RGB 226 208 209	#E2D0D1
16.7%	16.7% #DDC1C3	RGB 221 193 195	#DDC1C3
33.3%	33.3% #D8B3B7	RGB 216 179 183	#D8B3B7
50.0%	50.0% #D3A6AB	RGB 211 166 171	#D3A6AB
66.7%	66.7% #CE98A0	RGB 206 152 160	#CE98A0
83.3%	83.3% #C98C96	RGB 201 140 150	#C98C96
100.0%	100.0% #C5808D	RGB 197 128 141	#C5808D

#E2D0D1 #DDC1C3 #D8B3B7 #D3A6AB #CE98A0 #C98C96 #C5808D

#E2D0D1 - #D3A6AB - #C5808D

CSS codes

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

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