#AB9CD2 - #E7E2F2 | 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 #AB9CD2 to #E7E2F2

#AB9CD2 #E7E2F2

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

#AB9CD2 - #E7E2F2 | 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 #AB9CD2 as 0% and #E7E2F2 as 100%.

0.0%	0.0% #AB9CD2	RGB 171 156 210	#AB9CD2
16.7%	16.7% #B5A7D7	RGB 181 167 215	#B5A7D7
33.3%	33.3% #BFB3DC	RGB 191 179 220	#BFB3DC
50.0%	50.0% #C9BFE2	RGB 201 191 226	#C9BFE2
66.7%	66.7% #D3CAE7	RGB 211 202 231	#D3CAE7
83.3%	83.3% #DDD6EC	RGB 221 214 236	#DDD6EC
100.0%	100.0% #E7E2F2	RGB 231 226 242	#E7E2F2

#AB9CD2 #B5A7D7 #BFB3DC #C9BFE2 #D3CAE7 #DDD6EC #E7E2F2

#AB9CD2 - #E7E2F2

HSV Blend

#AB9CD2 - #E7E2F2 | 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 #AB9CD2 as 0% and #E7E2F2 as 100%.

0.0%	0.0% #AA9CD2	RGB 170 156 210	#AA9CD2
16.7%	16.7% #B4A6D7	RGB 180 166 215	#B4A6D7
33.3%	33.3% #BEB1DC	RGB 190 177 220	#BEB1DC
50.0%	50.0% #C8BDE2	RGB 200 189 226	#C8BDE2
66.7%	66.7% #D2C9E7	RGB 210 201 231	#D2C9E7
83.3%	83.3% #DCD5EC	RGB 220 213 236	#DCD5EC
100.0%	100.0% #E7E2F2	RGB 231 226 242	#E7E2F2

#AA9CD2 #B4A6D7 #BEB1DC #C8BDE2 #D2C9E7 #DCD5EC #E7E2F2

#AB9CD2 - #C8BDE2 - #E7E2F2

CSS codes

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

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