#A38E6B - #E4DED4 | 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 #A38E6B to #E4DED4

#A38E6B #E4DED4

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

#A38E6B - #E4DED4 | 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 #A38E6B as 0% and #E4DED4 as 100%.

0.0%	0.0% #A38E6B	RGB 163 142 107	#A38E6B
16.7%	16.7% #AD9B7C	RGB 173 155 124	#AD9B7C
33.3%	33.3% #B8A88E	RGB 184 168 142	#B8A88E
50.0%	50.0% #C3B69F	RGB 195 182 159	#C3B69F
66.7%	66.7% #CEC3B1	RGB 206 195 177	#CEC3B1
83.3%	83.3% #D9D0C2	RGB 217 208 194	#D9D0C2
100.0%	100.0% #E4DED4	RGB 228 222 212	#E4DED4

#A38E6B #AD9B7C #B8A88E #C3B69F #CEC3B1 #D9D0C2 #E4DED4

#A38E6B - #E4DED4

HSV Blend

#A38E6B - #E4DED4 | 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 #A38E6B as 0% and #E4DED4 as 100%.

0.0%	0.0% #A38E6B	RGB 163 142 107	#A38E6B
16.7%	16.7% #AD9A7A	RGB 173 154 122	#AD9A7A
33.3%	33.3% #B8A78A	RGB 184 167 138	#B8A78A
50.0%	50.0% #C3B49B	RGB 195 180 155	#C3B49B
66.7%	66.7% #CEC1AD	RGB 206 193 173	#CEC1AD
83.3%	83.3% #D9CFC0	RGB 217 207 192	#D9CFC0
100.0%	100.0% #E4DED4	RGB 228 222 212	#E4DED4

#A38E6B #AD9A7A #B8A78A #C3B49B #CEC1AD #D9CFC0 #E4DED4

#A38E6B - #C3B49B - #E4DED4

CSS codes

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

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