#988B5E - #E1DDD1 | 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 #988B5E to #E1DDD1

#988B5E #E1DDD1

Calculate the color between two colors, #988B5E and #E1DDD1. 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)

#988B5E - #E1DDD1 | 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 #988B5E as 0% and #E1DDD1 as 100%.

0.0%	0.0% #988B5E	RGB 152 139 94	#988B5E
16.7%	16.7% #A49871	RGB 164 152 113	#A49871
33.3%	33.3% #B0A684	RGB 176 166 132	#B0A684
50.0%	50.0% #BCB497	RGB 188 180 151	#BCB497
66.7%	66.7% #C8C1AA	RGB 200 193 170	#C8C1AA
83.3%	83.3% #D4CFBD	RGB 212 207 189	#D4CFBD
100.0%	100.0% #E1DDD1	RGB 225 221 209	#E1DDD1

#988B5E #A49871 #B0A684 #BCB497 #C8C1AA #D4CFBD #E1DDD1

#988B5E - #E1DDD1

HSV Blend

#988B5E - #E1DDD1 | 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 #988B5E as 0% and #E1DDD1 as 100%.

0.0%	0.0% #988B5E	RGB 152 139 94	#988B5E
16.7%	16.7% #A4976E	RGB 164 151 110	#A4976E
33.3%	33.3% #B0A47F	RGB 176 164 127	#B0A47F
50.0%	50.0% #BCB291	RGB 188 178 145	#BCB291
66.7%	66.7% #C8C0A5	RGB 200 192 165	#C8C0A5
83.3%	83.3% #D4CEBA	RGB 212 206 186	#D4CEBA
100.0%	100.0% #E1DDD1	RGB 225 221 209	#E1DDD1

#988B5E #A4976E #B0A47F #BCB291 #C8C0A5 #D4CEBA #E1DDD1

#988B5E - #BCB291 - #E1DDD1

CSS codes

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

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