#E3E2FC - #8399CE | 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 #E3E2FC to #8399CE

#E3E2FC #8399CE

Calculate the color between two colors, #E3E2FC and #8399CE. 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)

#E3E2FC - #8399CE | 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 #E3E2FC as 0% and #8399CE as 100%.

0.0%	0.0% #E3E2FC	RGB 227 226 252	#E3E2FC
16.7%	16.7% #D3D5F4	RGB 211 213 244	#D3D5F4
33.3%	33.3% #C3C9EC	RGB 195 201 236	#C3C9EC
50.0%	50.0% #B3BDE5	RGB 179 189 229	#B3BDE5
66.7%	66.7% #A3B1DD	RGB 163 177 221	#A3B1DD
83.3%	83.3% #93A5D5	RGB 147 165 213	#93A5D5
100.0%	100.0% #8399CE	RGB 131 153 206	#8399CE

#E3E2FC #D3D5F4 #C3C9EC #B3BDE5 #A3B1DD #93A5D5 #8399CE

#E3E2FC - #8399CE

HSV Blend

#E3E2FC - #8399CE | 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 #E3E2FC as 0% and #8399CE as 100%.

0.0%	0.0% #E3E2FC	RGB 227 226 252	#E3E2FC
16.7%	16.7% #D0D1F4	RGB 208 209 244	#D0D1F4
33.3%	33.3% #BFC2EC	RGB 191 194 236	#BFC2EC
50.0%	50.0% #AFB6E5	RGB 175 182 229	#AFB6E5
66.7%	66.7% #9FABDD	RGB 159 171 221	#9FABDD
83.3%	83.3% #91A1D5	RGB 145 161 213	#91A1D5
100.0%	100.0% #8399CE	RGB 131 153 206	#8399CE

#E3E2FC #D0D1F4 #BFC2EC #AFB6E5 #9FABDD #91A1D5 #8399CE

#E3E2FC - #AFB6E5 - #8399CE

CSS codes

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

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