#E2DDDC - #CB9C90 | 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 #E2DDDC to #CB9C90

#E2DDDC #CB9C90

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

#E2DDDC - #CB9C90 | 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 #E2DDDC as 0% and #CB9C90 as 100%.

0.0%	0.0% #E2DDDC	RGB 226 221 220	#E2DDDC
16.7%	16.7% #DED2CF	RGB 222 210 207	#DED2CF
33.3%	33.3% #DAC7C2	RGB 218 199 194	#DAC7C2
50.0%	50.0% #D6BCB6	RGB 214 188 182	#D6BCB6
66.7%	66.7% #D2B1A9	RGB 210 177 169	#D2B1A9
83.3%	83.3% #CEA69C	RGB 206 166 156	#CEA69C
100.0%	100.0% #CB9C90	RGB 203 156 144	#CB9C90

#E2DDDC #DED2CF #DAC7C2 #D6BCB6 #D2B1A9 #CEA69C #CB9C90

#E2DDDC - #CB9C90

HSV Blend

#E2DDDC - #CB9C90 | 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 #E2DDDC as 0% and #CB9C90 as 100%.

0.0%	0.0% #E2DDDC	RGB 226 221 220	#E2DDDC
16.7%	16.7% #DED1CE	RGB 222 209 206	#DED1CE
33.3%	33.3% #DAC5C1	RGB 218 197 193	#DAC5C1
50.0%	50.0% #D6BAB4	RGB 214 186 180	#D6BAB4
66.7%	66.7% #D2B0A7	RGB 210 176 167	#D2B0A7
83.3%	83.3% #CEA59B	RGB 206 165 155	#CEA59B
100.0%	100.0% #CB9C90	RGB 203 156 144	#CB9C90

#E2DDDC #DED1CE #DAC5C1 #D6BAB4 #D2B0A7 #CEA59B #CB9C90

#E2DDDC - #D6BAB4 - #CB9C90

CSS codes

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

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