#A8A3F2 - #E5E4FB | 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 #A8A3F2 to #E5E4FB

#A8A3F2 #E5E4FB

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

#A8A3F2 - #E5E4FB | 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 #A8A3F2 as 0% and #E5E4FB as 100%.

0.0%	0.0% #A8A3F2	RGB 168 163 242	#A8A3F2
16.7%	16.7% #B2ADF3	RGB 178 173 243	#B2ADF3
33.3%	33.3% #BCB8F5	RGB 188 184 245	#BCB8F5
50.0%	50.0% #C6C3F6	RGB 198 195 246	#C6C3F6
66.7%	66.7% #D0CEF8	RGB 208 206 248	#D0CEF8
83.3%	83.3% #DAD9F9	RGB 218 217 249	#DAD9F9
100.0%	100.0% #E5E4FB	RGB 229 228 251	#E5E4FB

#A8A3F2 #B2ADF3 #BCB8F5 #C6C3F6 #D0CEF8 #DAD9F9 #E5E4FB

#A8A3F2 - #E5E4FB

HSV Blend

#A8A3F2 - #E5E4FB | 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 #A8A3F2 as 0% and #E5E4FB as 100%.

0.0%	0.0% #A7A3F2	RGB 167 163 242	#A7A3F2
16.7%	16.7% #B1ADF3	RGB 177 173 243	#B1ADF3
33.3%	33.3% #BBB8F5	RGB 187 184 245	#BBB8F5
50.0%	50.0% #C5C2F6	RGB 197 194 246	#C5C2F6
66.7%	66.7% #CFCDF8	RGB 207 205 248	#CFCDF8
83.3%	83.3% #DAD8F9	RGB 218 216 249	#DAD8F9
100.0%	100.0% #E5E4FB	RGB 229 228 251	#E5E4FB

#A7A3F2 #B1ADF3 #BBB8F5 #C5C2F6 #CFCDF8 #DAD8F9 #E5E4FB

#A8A3F2 - #C5C2F6 - #E5E4FB

CSS codes

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

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