#A2695E - #E4D4D1 | 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 #A2695E to #E4D4D1

#A2695E #E4D4D1

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

#A2695E - #E4D4D1 | 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 #A2695E as 0% and #E4D4D1 as 100%.

0.0%	0.0% #A2695E	RGB 162 105 94	#A2695E
16.7%	16.7% #AD7A71	RGB 173 122 113	#AD7A71
33.3%	33.3% #B88C84	RGB 184 140 132	#B88C84
50.0%	50.0% #C39E97	RGB 195 158 151	#C39E97
66.7%	66.7% #CEB0AA	RGB 206 176 170	#CEB0AA
83.3%	83.3% #D9C2BD	RGB 217 194 189	#D9C2BD
100.0%	100.0% #E4D4D1	RGB 228 212 209	#E4D4D1

#A2695E #AD7A71 #B88C84 #C39E97 #CEB0AA #D9C2BD #E4D4D1

#A2695E - #E4D4D1

HSV Blend

#A2695E - #E4D4D1 | 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 #A2695E as 0% and #E4D4D1 as 100%.

0.0%	0.0% #A2695E	RGB 162 105 94	#A2695E
16.7%	16.7% #AD786E	RGB 173 120 110	#AD786E
33.3%	33.3% #B8887F	RGB 184 136 127	#B8887F
50.0%	50.0% #C39991	RGB 195 153 145	#C39991
66.7%	66.7% #CEACA5	RGB 206 172 165	#CEACA5
83.3%	83.3% #D9BFBA	RGB 217 191 186	#D9BFBA
100.0%	100.0% #E4D4D1	RGB 228 212 209	#E4D4D1

#A2695E #AD786E #B8887F #C39991 #CEACA5 #D9BFBA #E4D4D1

#A2695E - #C39991 - #E4D4D1

CSS codes

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

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