#E5E1EF - #A995DA | 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 #E5E1EF to #A995DA

#E5E1EF #A995DA

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

#E5E1EF - #A995DA | 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 #E5E1EF as 0% and #A995DA as 100%.

0.0%	0.0% #E5E1EF	RGB 229 225 239	#E5E1EF
16.7%	16.7% #DBD4EB	RGB 219 212 235	#DBD4EB
33.3%	33.3% #D1C7E8	RGB 209 199 232	#D1C7E8
50.0%	50.0% #C7BBE4	RGB 199 187 228	#C7BBE4
66.7%	66.7% #BDAEE1	RGB 189 174 225	#BDAEE1
83.3%	83.3% #B3A1DD	RGB 179 161 221	#B3A1DD
100.0%	100.0% #A995DA	RGB 169 149 218	#A995DA

#E5E1EF #DBD4EB #D1C7E8 #C7BBE4 #BDAEE1 #B3A1DD #A995DA

#E5E1EF - #A995DA

HSV Blend

#E5E1EF - #A995DA | 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 #E5E1EF as 0% and #A995DA as 100%.

0.0%	0.0% #E5E1EF	RGB 229 225 239	#E5E1EF
16.7%	16.7% #DAD3EB	RGB 218 211 235	#DAD3EB
33.3%	33.3% #D0C6E8	RGB 208 198 232	#D0C6E8
50.0%	50.0% #C5B9E4	RGB 197 185 228	#C5B9E4
66.7%	66.7% #BCADE1	RGB 188 173 225	#BCADE1
83.3%	83.3% #B2A0DD	RGB 178 160 221	#B2A0DD
100.0%	100.0% #A995DA	RGB 169 149 218	#A995DA

#E5E1EF #DAD3EB #D0C6E8 #C5B9E4 #BCADE1 #B2A0DD #A995DA

#E5E1EF - #C5B9E4 - #A995DA

CSS codes

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

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