#A48686 - #E5DCDC | 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 #A48686 to #E5DCDC

#A48686 #E5DCDC

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

#A48686 - #E5DCDC | 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 #A48686 as 0% and #E5DCDC as 100%.

0.0%	0.0% #A48686	RGB 164 134 134	#A48686
16.7%	16.7% #AE9494	RGB 174 148 148	#AE9494
33.3%	33.3% #B9A2A2	RGB 185 162 162	#B9A2A2
50.0%	50.0% #C4B1B1	RGB 196 177 177	#C4B1B1
66.7%	66.7% #CFBFBF	RGB 207 191 191	#CFBFBF
83.3%	83.3% #DACDCD	RGB 218 205 205	#DACDCD
100.0%	100.0% #E5DCDC	RGB 229 220 220	#E5DCDC

#A48686 #AE9494 #B9A2A2 #C4B1B1 #CFBFBF #DACDCD #E5DCDC

#A48686 - #E5DCDC

HSV Blend

#A48686 - #E5DCDC | 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 #A48686 as 0% and #E5DCDC as 100%.

0.0%	0.0% #A48686	RGB 164 134 134	#A48686
16.7%	16.7% #AE9393	RGB 174 147 147	#AE9393
33.3%	33.3% #B9A0A0	RGB 185 160 160	#B9A0A0
50.0%	50.0% #C4AEAE	RGB 196 174 174	#C4AEAE
66.7%	66.7% #CFBDBD	RGB 207 189 189	#CFBDBD
83.3%	83.3% #DACCCC	RGB 218 204 204	#DACCCC
100.0%	100.0% #E5DCDC	RGB 229 220 220	#E5DCDC

#A48686 #AE9393 #B9A0A0 #C4AEAE #CFBDBD #DACCCC #E5DCDC

#A48686 - #C4AEAE - #E5DCDC

CSS codes

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

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