#F0E2FF - #AA8DCC | 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 #F0E2FF to #AA8DCC

#F0E2FF #AA8DCC

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

#F0E2FF - #AA8DCC | 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 #F0E2FF as 0% and #AA8DCC as 100%.

0.0%	0.0% #F0E2FF	RGB 240 226 255	#F0E2FF
16.7%	16.7% #E4D3F6	RGB 228 211 246	#E4D3F6
33.3%	33.3% #D8C5EE	RGB 216 197 238	#D8C5EE
50.0%	50.0% #CDB7E5	RGB 205 183 229	#CDB7E5
66.7%	66.7% #C1A9DD	RGB 193 169 221	#C1A9DD
83.3%	83.3% #B59BD4	RGB 181 155 212	#B59BD4
100.0%	100.0% #AA8DCC	RGB 170 141 204	#AA8DCC

#F0E2FF #E4D3F6 #D8C5EE #CDB7E5 #C1A9DD #B59BD4 #AA8DCC

#F0E2FF - #AA8DCC

HSV Blend

#F0E2FF - #AA8DCC | 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 #F0E2FF as 0% and #AA8DCC as 100%.

0.0%	0.0% #F0E2FF	RGB 240 226 255	#F0E2FF
16.7%	16.7% #E3D2F6	RGB 227 210 246	#E3D2F6
33.3%	33.3% #D7C3EE	RGB 215 195 238	#D7C3EE
50.0%	50.0% #CBB5E5	RGB 203 181 229	#CBB5E5
66.7%	66.7% #C0A7DD	RGB 192 167 221	#C0A7DD
83.3%	83.3% #B599D4	RGB 181 153 212	#B599D4
100.0%	100.0% #AA8DCC	RGB 170 141 204	#AA8DCC

#F0E2FF #E3D2F6 #D7C3EE #CBB5E5 #C0A7DD #B599D4 #AA8DCC

#F0E2FF - #CBB5E5 - #AA8DCC

CSS codes

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

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