#E7E2F8 - #A48DC3 | 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 #E7E2F8 to #A48DC3

#E7E2F8 #A48DC3

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

#E7E2F8 - #A48DC3 | 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 #E7E2F8 as 0% and #A48DC3 as 100%.

0.0%	0.0% #E7E2F8	RGB 231 226 248	#E7E2F8
16.7%	16.7% #DBD3EF	RGB 219 211 239	#DBD3EF
33.3%	33.3% #D0C5E6	RGB 208 197 230	#D0C5E6
50.0%	50.0% #C5B7DD	RGB 197 183 221	#C5B7DD
66.7%	66.7% #BAA9D4	RGB 186 169 212	#BAA9D4
83.3%	83.3% #AF9BCB	RGB 175 155 203	#AF9BCB
100.0%	100.0% #A48DC3	RGB 164 141 195	#A48DC3

#E7E2F8 #DBD3EF #D0C5E6 #C5B7DD #BAA9D4 #AF9BCB #A48DC3

#E7E2F8 - #A48DC3

HSV Blend

#E7E2F8 - #A48DC3 | 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 #E7E2F8 as 0% and #A48DC3 as 100%.

0.0%	0.0% #E7E2F8	RGB 231 226 248	#E7E2F8
16.7%	16.7% #D9D2EF	RGB 217 210 239	#D9D2EF
33.3%	33.3% #CDC3E6	RGB 205 195 230	#CDC3E6
50.0%	50.0% #C2B5DD	RGB 194 181 221	#C2B5DD
66.7%	66.7% #B7A7D4	RGB 183 167 212	#B7A7D4
83.3%	83.3% #AD99CB	RGB 173 153 203	#AD99CB
100.0%	100.0% #A48DC3	RGB 164 141 195	#A48DC3

#E7E2F8 #D9D2EF #CDC3E6 #C2B5DD #B7A7D4 #AD99CB #A48DC3

#E7E2F8 - #C2B5DD - #A48DC3

CSS codes

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

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