#A29B9D - #E8B5D9 | 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 #A29B9D to #E8B5D9

#A29B9D #E8B5D9

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

#A29B9D - #E8B5D9 | 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 #A29B9D as 0% and #E8B5D9 as 100%.

0.0%	0.0% #A29B9D	RGB 162 155 157	#A29B9D
16.7%	16.7% #AD9FA7	RGB 173 159 167	#AD9FA7
33.3%	33.3% #B9A3B1	RGB 185 163 177	#B9A3B1
50.0%	50.0% #C5A8BB	RGB 197 168 187	#C5A8BB
66.7%	66.7% #D0ACC5	RGB 208 172 197	#D0ACC5
83.3%	83.3% #DCB0CF	RGB 220 176 207	#DCB0CF
100.0%	100.0% #E8B5D9	RGB 232 181 217	#E8B5D9

#A29B9D #AD9FA7 #B9A3B1 #C5A8BB #D0ACC5 #DCB0CF #E8B5D9

#A29B9D - #E8B5D9

HSV Blend

#A29B9D - #E8B5D9 | 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 #A29B9D as 0% and #E8B5D9 as 100%.

0.0%	0.0% #A29B9D	RGB 162 155 157	#A29B9D
16.7%	16.7% #ADA1A5	RGB 173 161 165	#ADA1A5
33.3%	33.3% #B9A6AE	RGB 185 166 174	#B9A6AE
50.0%	50.0% #C5ABB7	RGB 197 171 183	#C5ABB7
66.7%	66.7% #D0AFC2	RGB 208 175 194	#D0AFC2
83.3%	83.3% #DCB2CD	RGB 220 178 205	#DCB2CD
100.0%	100.0% #E8B5D9	RGB 232 181 217	#E8B5D9

#A29B9D #ADA1A5 #B9A6AE #C5ABB7 #D0AFC2 #DCB2CD #E8B5D9

#A29B9D - #C5ABB7 - #E8B5D9

CSS codes

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

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