#AAA8CC - #EFC0FF | 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 #AAA8CC to #EFC0FF

#AAA8CC #EFC0FF

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

#AAA8CC - #EFC0FF | 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 #AAA8CC as 0% and #EFC0FF as 100%.

0.0%	0.0% #AAA8CC	RGB 170 168 204	#AAA8CC
16.7%	16.7% #B5ACD4	RGB 181 172 212	#B5ACD4
33.3%	33.3% #C1B0DD	RGB 193 176 221	#C1B0DD
50.0%	50.0% #CCB4E5	RGB 204 180 229	#CCB4E5
66.7%	66.7% #D8B8EE	RGB 216 184 238	#D8B8EE
83.3%	83.3% #E3BCF6	RGB 227 188 246	#E3BCF6
100.0%	100.0% #EFC0FF	RGB 239 192 255	#EFC0FF

#AAA8CC #B5ACD4 #C1B0DD #CCB4E5 #D8B8EE #E3BCF6 #EFC0FF

#AAA8CC - #EFC0FF

HSV Blend

#AAA8CC - #EFC0FF | 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 #AAA8CC as 0% and #EFC0FF as 100%.

0.0%	0.0% #AAA8CC	RGB 170 168 204	#AAA8CC
16.7%	16.7% #B3ACD4	RGB 179 172 212	#B3ACD4
33.3%	33.3% #BDB0DD	RGB 189 176 221	#BDB0DD
50.0%	50.0% #C8B4E5	RGB 200 180 229	#C8B4E5
66.7%	66.7% #D4B8EE	RGB 212 184 238	#D4B8EE
83.3%	83.3% #E1BCF6	RGB 225 188 246	#E1BCF6
100.0%	100.0% #EFC0FF	RGB 239 192 255	#EFC0FF

#AAA8CC #B3ACD4 #BDB0DD #C8B4E5 #D4B8EE #E1BCF6 #EFC0FF

#AAA8CC - #C8B4E5 - #EFC0FF

CSS codes

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

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