#E2D9DE - #A57DA8 | 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 #E2D9DE to #A57DA8

#E2D9DE #A57DA8

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

#E2D9DE - #A57DA8 | 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 #E2D9DE as 0% and #A57DA8 as 100%.

0.0%	0.0% #E2D9DE	RGB 226 217 222	#E2D9DE
16.7%	16.7% #D7C9D5	RGB 215 201 213	#D7C9D5
33.3%	33.3% #CDBACC	RGB 205 186 204	#CDBACC
50.0%	50.0% #C3ABC3	RGB 195 171 195	#C3ABC3
66.7%	66.7% #B99BBA	RGB 185 155 186	#B99BBA
83.3%	83.3% #AF8CB1	RGB 175 140 177	#AF8CB1
100.0%	100.0% #A57DA8	RGB 165 125 168	#A57DA8

#E2D9DE #D7C9D5 #CDBACC #C3ABC3 #B99BBA #AF8CB1 #A57DA8

#E2D9DE - #A57DA8

HSV Blend

#E2D9DE - #A57DA8 | 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 #E2D9DE as 0% and #A57DA8 as 100%.

0.0%	0.0% #E2D9DE	RGB 226 217 222	#E2D9DE
16.7%	16.7% #D8C7D2	RGB 216 199 210	#D8C7D2
33.3%	33.3% #CEB7C8	RGB 206 183 200	#CEB7C8
50.0%	50.0% #C5A7BF	RGB 197 167 191	#C5A7BF
66.7%	66.7% #BB98B7	RGB 187 152 183	#BB98B7
83.3%	83.3% #B18AB1	RGB 177 138 177	#B18AB1
100.0%	100.0% #A57DA8	RGB 165 125 168	#A57DA8

#E2D9DE #D8C7D2 #CEB7C8 #C5A7BF #BB98B7 #B18AB1 #A57DA8

#E2D9DE - #C5A7BF - #A57DA8

CSS codes

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

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