#A2849D - #E4DBE3 | 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 #A2849D to #E4DBE3

#A2849D #E4DBE3

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

#A2849D - #E4DBE3 | 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 #A2849D as 0% and #E4DBE3 as 100%.

0.0%	0.0% #A2849D	RGB 162 132 157	#A2849D
16.7%	16.7% #AD92A8	RGB 173 146 168	#AD92A8
33.3%	33.3% #B8A1B4	RGB 184 161 180	#B8A1B4
50.0%	50.0% #C3AFC0	RGB 195 175 192	#C3AFC0
66.7%	66.7% #CEBECB	RGB 206 190 203	#CEBECB
83.3%	83.3% #D9CCD7	RGB 217 204 215	#D9CCD7
100.0%	100.0% #E4DBE3	RGB 228 219 227	#E4DBE3

#A2849D #AD92A8 #B8A1B4 #C3AFC0 #CEBECB #D9CCD7 #E4DBE3

#A2849D - #E4DBE3

HSV Blend

#A2849D - #E4DBE3 | 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 #A2849D as 0% and #E4DBE3 as 100%.

0.0%	0.0% #A2849D	RGB 162 132 157	#A2849D
16.7%	16.7% #AD91A8	RGB 173 145 168	#AD91A8
33.3%	33.3% #B89EB4	RGB 184 158 180	#B89EB4
50.0%	50.0% #C3ADBF	RGB 195 173 191	#C3ADBF
66.7%	66.7% #CEBBCB	RGB 206 187 203	#CEBBCB
83.3%	83.3% #D9CBD7	RGB 217 203 215	#D9CBD7
100.0%	100.0% #E4DBE3	RGB 228 219 227	#E4DBE3

#A2849D #AD91A8 #B89EB4 #C3ADBF #CEBBCB #D9CBD7 #E4DBE3

#A2849D - #C3ADBF - #E4DBE3

CSS codes

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

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