#A48BA3 - #E5DDE4 | 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 #A48BA3 to #E5DDE4

#A48BA3 #E5DDE4

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

#A48BA3 - #E5DDE4 | 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 #A48BA3 as 0% and #E5DDE4 as 100%.

0.0%	0.0% #A48BA3	RGB 164 139 163	#A48BA3
16.7%	16.7% #AE98AD	RGB 174 152 173	#AE98AD
33.3%	33.3% #B9A6B8	RGB 185 166 184	#B9A6B8
50.0%	50.0% #C4B4C3	RGB 196 180 195	#C4B4C3
66.7%	66.7% #CFC1CE	RGB 207 193 206	#CFC1CE
83.3%	83.3% #DACFD9	RGB 218 207 217	#DACFD9
100.0%	100.0% #E5DDE4	RGB 229 221 228	#E5DDE4

#A48BA3 #AE98AD #B9A6B8 #C4B4C3 #CFC1CE #DACFD9 #E5DDE4

#A48BA3 - #E5DDE4

HSV Blend

#A48BA3 - #E5DDE4 | 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 #A48BA3 as 0% and #E5DDE4 as 100%.

0.0%	0.0% #A48BA3	RGB 164 139 163	#A48BA3
16.7%	16.7% #AE97AD	RGB 174 151 173	#AE97AD
33.3%	33.3% #B9A4B8	RGB 185 164 184	#B9A4B8
50.0%	50.0% #C4B2C2	RGB 196 178 194	#C4B2C2
66.7%	66.7% #CFBFCD	RGB 207 191 205	#CFBFCD
83.3%	83.3% #DACED8	RGB 218 206 216	#DACED8
100.0%	100.0% #E5DDE4	RGB 229 221 228	#E5DDE4

#A48BA3 #AE97AD #B9A4B8 #C4B2C2 #CFBFCD #DACED8 #E5DDE4

#A48BA3 - #C4B2C2 - #E5DDE4

CSS codes

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

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