#E2A0FF - #EEF1E5 | 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 #E2A0FF to #EEF1E5

#E2A0FF #EEF1E5

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

#E2A0FF - #EEF1E5 | 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 #E2A0FF as 0% and #EEF1E5 as 100%.

0.0%	0.0% #E2A0FF	RGB 226 160 255	#E2A0FF
16.7%	16.7% #E4ADFA	RGB 228 173 250	#E4ADFA
33.3%	33.3% #E6BBF6	RGB 230 187 246	#E6BBF6
50.0%	50.0% #E8C8F2	RGB 232 200 242	#E8C8F2
66.7%	66.7% #EAD6ED	RGB 234 214 237	#EAD6ED
83.3%	83.3% #ECE3E9	RGB 236 227 233	#ECE3E9
100.0%	100.0% #EEF1E5	RGB 238 241 229	#EEF1E5

#E2A0FF #E4ADFA #E6BBF6 #E8C8F2 #EAD6ED #ECE3E9 #EEF1E5

#E2A0FF - #EEF1E5

HSV Blend

#E2A0FF - #EEF1E5 | 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 #E2A0FF as 0% and #EEF1E5 as 100%.

0.0%	0.0% #E2A0FF	RGB 226 160 255	#E2A0FF
16.7%	16.7% #FCACF2	RGB 252 172 242	#FCACF2
33.3%	33.3% #FAB8D6	RGB 250 184 214	#FAB8D6
50.0%	50.0% #F8C3C5	RGB 248 195 197	#F8C3C5
66.7%	66.7% #F5DECF	RGB 245 222 207	#F5DECF
83.3%	83.3% #F3EEDA	RGB 243 238 218	#F3EEDA
100.0%	100.0% #EEF1E5	RGB 238 241 229	#EEF1E5

#E2A0FF #FCACF2 #FAB8D6 #F8C3C5 #F5DECF #F3EEDA #EEF1E5

#E2A0FF - #F8C3C5 - #EEF1E5

CSS codes

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

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