#A697BF - #E5E1EC | 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 #A697BF to #E5E1EC

#A697BF #E5E1EC

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

#A697BF - #E5E1EC | 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 #A697BF as 0% and #E5E1EC as 100%.

0.0%	0.0% #A697BF	RGB 166 151 191	#A697BF
16.7%	16.7% #B0A3C6	RGB 176 163 198	#B0A3C6
33.3%	33.3% #BBAFCE	RGB 187 175 206	#BBAFCE
50.0%	50.0% #C5BCD5	RGB 197 188 213	#C5BCD5
66.7%	66.7% #D0C8DD	RGB 208 200 221	#D0C8DD
83.3%	83.3% #DAD4E4	RGB 218 212 228	#DAD4E4
100.0%	100.0% #E5E1EC	RGB 229 225 236	#E5E1EC

#A697BF #B0A3C6 #BBAFCE #C5BCD5 #D0C8DD #DAD4E4 #E5E1EC

#A697BF - #E5E1EC

HSV Blend

#A697BF - #E5E1EC | 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 #A697BF as 0% and #E5E1EC as 100%.

0.0%	0.0% #A697BF	RGB 166 151 191	#A697BF
16.7%	16.7% #AFA2C6	RGB 175 162 198	#AFA2C6
33.3%	33.3% #B9AECE	RGB 185 174 206	#B9AECE
50.0%	50.0% #C4BAD5	RGB 196 186 213	#C4BAD5
66.7%	66.7% #CEC6DD	RGB 206 198 221	#CEC6DD
83.3%	83.3% #D9D3E4	RGB 217 211 228	#D9D3E4
100.0%	100.0% #E5E1EC	RGB 229 225 236	#E5E1EC

#A697BF #AFA2C6 #B9AECE #C4BAD5 #CEC6DD #D9D3E4 #E5E1EC

#A697BF - #C4BAD5 - #E5E1EC

CSS codes

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

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