#AAB1BA - #E5C7FF | 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 #AAB1BA to #E5C7FF

#AAB1BA #E5C7FF

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

#AAB1BA - #E5C7FF | 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 #AAB1BA as 0% and #E5C7FF as 100%.

0.0%	0.0% #AAB1BA	RGB 170 177 186	#AAB1BA
16.7%	16.7% #B3B4C5	RGB 179 180 197	#B3B4C5
33.3%	33.3% #BDB8D1	RGB 189 184 209	#BDB8D1
50.0%	50.0% #C7BCDC	RGB 199 188 220	#C7BCDC
66.7%	66.7% #D1BFE8	RGB 209 191 232	#D1BFE8
83.3%	83.3% #DBC3F3	RGB 219 195 243	#DBC3F3
100.0%	100.0% #E5C7FF	RGB 229 199 255	#E5C7FF

#AAB1BA #B3B4C5 #BDB8D1 #C7BCDC #D1BFE8 #DBC3F3 #E5C7FF

#AAB1BA - #E5C7FF

HSV Blend

#AAB1BA - #E5C7FF | 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 #AAB1BA as 0% and #E5C7FF as 100%.

0.0%	0.0% #AAB1BA	RGB 170 177 186	#AAB1BA
16.7%	16.7% #B0B6C5	RGB 176 182 197	#B0B6C5
33.3%	33.3% #B5B8D1	RGB 181 184 209	#B5B8D1
50.0%	50.0% #BCBADC	RGB 188 186 220	#BCBADC
66.7%	66.7% #C7BFE8	RGB 199 191 232	#C7BFE8
83.3%	83.3% #D5C3F3	RGB 213 195 243	#D5C3F3
100.0%	100.0% #E5C7FF	RGB 229 199 255	#E5C7FF

#AAB1BA #B0B6C5 #B5B8D1 #BCBADC #C7BFE8 #D5C3F3 #E5C7FF

#AAB1BA - #BCBADC - #E5C7FF

CSS codes

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

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