#8A8D5E - #DDDED1 | 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 #8A8D5E to #DDDED1

#8A8D5E #DDDED1

Calculate the color between two colors, #8A8D5E and #DDDED1. 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)

#8A8D5E - #DDDED1 | 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 #8A8D5E as 0% and #DDDED1 as 100%.

0.0%	0.0% #8A8D5E	RGB 138 141 94	#8A8D5E
16.7%	16.7% #979A71	RGB 151 154 113	#979A71
33.3%	33.3% #A5A884	RGB 165 168 132	#A5A884
50.0%	50.0% #B3B597	RGB 179 181 151	#B3B597
66.7%	66.7% #C1C3AA	RGB 193 195 170	#C1C3AA
83.3%	83.3% #CFD0BD	RGB 207 208 189	#CFD0BD
100.0%	100.0% #DDDED1	RGB 221 222 209	#DDDED1

#8A8D5E #979A71 #A5A884 #B3B597 #C1C3AA #CFD0BD #DDDED1

#8A8D5E - #DDDED1

HSV Blend

#8A8D5E - #DDDED1 | 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 #8A8D5E as 0% and #DDDED1 as 100%.

0.0%	0.0% #8A8D5E	RGB 138 141 94	#8A8D5E
16.7%	16.7% #979A6E	RGB 151 154 110	#979A6E
33.3%	33.3% #A5A87F	RGB 165 168 127	#A5A87F
50.0%	50.0% #B2B591	RGB 178 181 145	#B2B591
66.7%	66.7% #C0C3A5	RGB 192 195 165	#C0C3A5
83.3%	83.3% #CED0BA	RGB 206 208 186	#CED0BA
100.0%	100.0% #DDDED1	RGB 221 222 209	#DDDED1

#8A8D5E #979A6E #A5A87F #B2B591 #C0C3A5 #CED0BA #DDDED1

#8A8D5E - #B2B591 - #DDDED1

CSS codes

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

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