#E2DFF2 - #9F88BA | 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 #E2DFF2 to #9F88BA

#E2DFF2 #9F88BA

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

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

0.0%	0.0% #E2DFF2	RGB 226 223 242	#E2DFF2
16.7%	16.7% #D6D0E8	RGB 214 208 232	#D6D0E8
33.3%	33.3% #CBC2DF	RGB 203 194 223	#CBC2DF
50.0%	50.0% #C0B3D6	RGB 192 179 214	#C0B3D6
66.7%	66.7% #B5A5CC	RGB 181 165 204	#B5A5CC
83.3%	83.3% #AA96C3	RGB 170 150 195	#AA96C3
100.0%	100.0% #9F88BA	RGB 159 136 186	#9F88BA

#E2DFF2 #D6D0E8 #CBC2DF #C0B3D6 #B5A5CC #AA96C3 #9F88BA

#E2DFF2 - #9F88BA

HSV Blend

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

0.0%	0.0% #E2DFF2	RGB 226 223 242	#E2DFF2
16.7%	16.7% #D4CFE8	RGB 212 207 232	#D4CFE8
33.3%	33.3% #C7BFDF	RGB 199 191 223	#C7BFDF
50.0%	50.0% #BCB0D6	RGB 188 176 214	#BCB0D6
66.7%	66.7% #B1A2CC	RGB 177 162 204	#B1A2CC
83.3%	83.3% #A795C3	RGB 167 149 195	#A795C3
100.0%	100.0% #9F88BA	RGB 159 136 186	#9F88BA

#E2DFF2 #D4CFE8 #C7BFDF #BCB0D6 #B1A2CC #A795C3 #9F88BA

#E2DFF2 - #BCB0D6 - #9F88BA

CSS codes

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

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