#A5A1CB - #E5E4F0 | 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 #A5A1CB to #E5E4F0

#A5A1CB #E5E4F0

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

#A5A1CB - #E5E4F0 | 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 #A5A1CB as 0% and #E5E4F0 as 100%.

0.0%	0.0% #A5A1CB	RGB 165 161 203	#A5A1CB
16.7%	16.7% #AFACD1	RGB 175 172 209	#AFACD1
33.3%	33.3% #BAB7D7	RGB 186 183 215	#BAB7D7
50.0%	50.0% #C5C2DD	RGB 197 194 221	#C5C2DD
66.7%	66.7% #CFCDE3	RGB 207 205 227	#CFCDE3
83.3%	83.3% #DAD8E9	RGB 218 216 233	#DAD8E9
100.0%	100.0% #E5E4F0	RGB 229 228 240	#E5E4F0

#A5A1CB #AFACD1 #BAB7D7 #C5C2DD #CFCDE3 #DAD8E9 #E5E4F0

#A5A1CB - #E5E4F0

HSV Blend

#A5A1CB - #E5E4F0 | 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 #A5A1CB as 0% and #E5E4F0 as 100%.

0.0%	0.0% #A5A1CB	RGB 165 161 203	#A5A1CB
16.7%	16.7% #AEABD1	RGB 174 171 209	#AEABD1
33.3%	33.3% #B9B6D7	RGB 185 182 215	#B9B6D7
50.0%	50.0% #C3C1DD	RGB 195 193 221	#C3C1DD
66.7%	66.7% #CECCE3	RGB 206 204 227	#CECCE3
83.3%	83.3% #D9D8E9	RGB 217 216 233	#D9D8E9
100.0%	100.0% #E5E4F0	RGB 229 228 240	#E5E4F0

#A5A1CB #AEABD1 #B9B6D7 #C3C1DD #CECCE3 #D9D8E9 #E5E4F0

#A5A1CB - #C3C1DD - #E5E4F0

CSS codes

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

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