#E4E4EE - #9F99DD | 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 #E4E4EE to #9F99DD

#E4E4EE #9F99DD

Calculate the color between two colors, #E4E4EE and #9F99DD. 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)

#E4E4EE - #9F99DD | 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 #E4E4EE as 0% and #9F99DD as 100%.

0.0%	0.0% #E4E4EE	RGB 228 228 238	#E4E4EE
16.7%	16.7% #D8D7EB	RGB 216 215 235	#D8D7EB
33.3%	33.3% #CDCBE8	RGB 205 203 232	#CDCBE8
50.0%	50.0% #C1BEE5	RGB 193 190 229	#C1BEE5
66.7%	66.7% #B6B2E2	RGB 182 178 226	#B6B2E2
83.3%	83.3% #AAA5DF	RGB 170 165 223	#AAA5DF
100.0%	100.0% #9F99DD	RGB 159 153 221	#9F99DD

#E4E4EE #D8D7EB #CDCBE8 #C1BEE5 #B6B2E2 #AAA5DF #9F99DD

#E4E4EE - #9F99DD

HSV Blend

#E4E4EE - #9F99DD | 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 #E4E4EE as 0% and #9F99DD as 100%.

0.0%	0.0% #E4E4EE	RGB 228 228 238	#E4E4EE
16.7%	16.7% #D7D6EB	RGB 215 214 235	#D7D6EB
33.3%	33.3% #CAC9E8	RGB 202 201 232	#CAC9E8
50.0%	50.0% #BFBDE5	RGB 191 189 229	#BFBDE5
66.7%	66.7% #B3B0E2	RGB 179 176 226	#B3B0E2
83.3%	83.3% #A9A4DF	RGB 169 164 223	#A9A4DF
100.0%	100.0% #9F99DD	RGB 159 153 221	#9F99DD

#E4E4EE #D7D6EB #CAC9E8 #BFBDE5 #B3B0E2 #A9A4DF #9F99DD

#E4E4EE - #BFBDE5 - #9F99DD

CSS codes

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

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