#E5E1C1 - #E6D0D0 | 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 #E5E1C1 to #E6D0D0

#E5E1C1 #E6D0D0

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

#E5E1C1 - #E6D0D0 | 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 #E5E1C1 as 0% and #E6D0D0 as 100%.

0.0%	0.0% #E5E1C1	RGB 229 225 193	#E5E1C1
16.7%	16.7% #E5DEC3	RGB 229 222 195	#E5DEC3
33.3%	33.3% #E5DBC6	RGB 229 219 198	#E5DBC6
50.0%	50.0% #E5D8C8	RGB 229 216 200	#E5D8C8
66.7%	66.7% #E5D5CB	RGB 229 213 203	#E5D5CB
83.3%	83.3% #E5D2CD	RGB 229 210 205	#E5D2CD
100.0%	100.0% #E6D0D0	RGB 230 208 208	#E6D0D0

#E5E1C1 #E5DEC3 #E5DBC6 #E5D8C8 #E5D5CB #E5D2CD #E6D0D0

#E5E1C1 - #E6D0D0

HSV Blend

#E5E1C1 - #E6D0D0 | 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 #E5E1C1 as 0% and #E6D0D0 as 100%.

0.0%	0.0% #E5E1C1	RGB 229 225 193	#E5E1C1
16.7%	16.7% #E5DCC3	RGB 229 220 195	#E5DCC3
33.3%	33.3% #E5D8C5	RGB 229 216 197	#E5D8C5
50.0%	50.0% #E5D5C8	RGB 229 213 200	#E5D5C8
66.7%	66.7% #E5D2CA	RGB 229 210 202	#E5D2CA
83.3%	83.3% #E5D1CD	RGB 229 209 205	#E5D1CD
100.0%	100.0% #E6D0D0	RGB 230 208 208	#E6D0D0

#E5E1C1 #E5DCC3 #E5D8C5 #E5D5C8 #E5D2CA #E5D1CD #E6D0D0

#E5E1C1 - #E5D5C8 - #E6D0D0

CSS codes

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

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