#996D5E - #E1D4D1 | 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 #996D5E to #E1D4D1

#996D5E #E1D4D1

Calculate the color between two colors, #996D5E and #E1D4D1. 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)

#996D5E - #E1D4D1 | 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 #996D5E as 0% and #E1D4D1 as 100%.

0.0%	0.0% #996D5E	RGB 153 109 94	#996D5E
16.7%	16.7% #A57E71	RGB 165 126 113	#A57E71
33.3%	33.3% #B18F84	RGB 177 143 132	#B18F84
50.0%	50.0% #BDA097	RGB 189 160 151	#BDA097
66.7%	66.7% #C9B1AA	RGB 201 177 170	#C9B1AA
83.3%	83.3% #D5C2BD	RGB 213 194 189	#D5C2BD
100.0%	100.0% #E1D4D1	RGB 225 212 209	#E1D4D1

#996D5E #A57E71 #B18F84 #BDA097 #C9B1AA #D5C2BD #E1D4D1

#996D5E - #E1D4D1

HSV Blend

#996D5E - #E1D4D1 | 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 #996D5E as 0% and #E1D4D1 as 100%.

0.0%	0.0% #996D5E	RGB 153 109 94	#996D5E
16.7%	16.7% #A57B6E	RGB 165 123 110	#A57B6E
33.3%	33.3% #B18A7F	RGB 177 138 127	#B18A7F
50.0%	50.0% #BD9B91	RGB 189 155 145	#BD9B91
66.7%	66.7% #C9ADA5	RGB 201 173 165	#C9ADA5
83.3%	83.3% #D5BFBA	RGB 213 191 186	#D5BFBA
100.0%	100.0% #E1D4D1	RGB 225 212 209	#E1D4D1

#996D5E #A57B6E #B18A7F #BD9B91 #C9ADA5 #D5BFBA #E1D4D1

#996D5E - #BD9B91 - #E1D4D1

CSS codes

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

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