#E3E4EE - #98A2DF | 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 #E3E4EE to #98A2DF

#E3E4EE #98A2DF

Calculate the color between two colors, #E3E4EE and #98A2DF. 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)

#E3E4EE - #98A2DF | 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 #E3E4EE as 0% and #98A2DF as 100%.

0.0%	0.0% #E3E4EE	RGB 227 228 238	#E3E4EE
16.7%	16.7% #D6D9EB	RGB 214 217 235	#D6D9EB
33.3%	33.3% #CACEE9	RGB 202 206 233	#CACEE9
50.0%	50.0% #BDC3E6	RGB 189 195 230	#BDC3E6
66.7%	66.7% #B1B8E4	RGB 177 184 228	#B1B8E4
83.3%	83.3% #A4ADE1	RGB 164 173 225	#A4ADE1
100.0%	100.0% #98A2DF	RGB 152 162 223	#98A2DF

#E3E4EE #D6D9EB #CACEE9 #BDC3E6 #B1B8E4 #A4ADE1 #98A2DF

#E3E4EE - #98A2DF

HSV Blend

#E3E4EE - #98A2DF | 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 #E3E4EE as 0% and #98A2DF as 100%.

0.0%	0.0% #E3E4EE	RGB 227 228 238	#E3E4EE
16.7%	16.7% #D5D8EB	RGB 213 216 235	#D5D8EB
33.3%	33.3% #C9CCE9	RGB 201 204 233	#C9CCE9
50.0%	50.0% #BCC1E6	RGB 188 193 230	#BCC1E6
66.7%	66.7% #B0B6E4	RGB 176 182 228	#B0B6E4
83.3%	83.3% #A3ACE1	RGB 163 172 225	#A3ACE1
100.0%	100.0% #98A2DF	RGB 152 162 223	#98A2DF

#E3E4EE #D5D8EB #C9CCE9 #BCC1E6 #B0B6E4 #A3ACE1 #98A2DF

#E3E4EE - #BCC1E6 - #98A2DF

CSS codes

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

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