#EFE3FF - #AA8ECC | 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 #EFE3FF to #AA8ECC

#EFE3FF #AA8ECC

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

#EFE3FF - #AA8ECC | 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 #EFE3FF as 0% and #AA8ECC as 100%.

0.0%	0.0% #EFE3FF	RGB 239 227 255	#EFE3FF
16.7%	16.7% #E3D4F6	RGB 227 212 246	#E3D4F6
33.3%	33.3% #D8C6EE	RGB 216 198 238	#D8C6EE
50.0%	50.0% #CCB8E5	RGB 204 184 229	#CCB8E5
66.7%	66.7% #C1AADD	RGB 193 170 221	#C1AADD
83.3%	83.3% #B59CD4	RGB 181 156 212	#B59CD4
100.0%	100.0% #AA8ECC	RGB 170 142 204	#AA8ECC

#EFE3FF #E3D4F6 #D8C6EE #CCB8E5 #C1AADD #B59CD4 #AA8ECC

#EFE3FF - #AA8ECC

HSV Blend

#EFE3FF - #AA8ECC | 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 #EFE3FF as 0% and #AA8ECC as 100%.

0.0%	0.0% #EFE3FF	RGB 239 227 255	#EFE3FF
16.7%	16.7% #E2D3F6	RGB 226 211 246	#E2D3F6
33.3%	33.3% #D6C4EE	RGB 214 196 238	#D6C4EE
50.0%	50.0% #CAB6E5	RGB 202 182 229	#CAB6E5
66.7%	66.7% #BFA8DD	RGB 191 168 221	#BFA8DD
83.3%	83.3% #B49AD4	RGB 180 154 212	#B49AD4
100.0%	100.0% #AA8ECC	RGB 170 142 204	#AA8ECC

#EFE3FF #E2D3F6 #D6C4EE #CAB6E5 #BFA8DD #B49AD4 #AA8ECC

#EFE3FF - #CAB6E5 - #AA8ECC

CSS codes

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

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