#E3E6EE - #98A4DF | 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 #E3E6EE to #98A4DF

#E3E6EE #98A4DF

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

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

0.0%	0.0% #E3E6EE	RGB 227 230 238	#E3E6EE
16.7%	16.7% #D6DBEB	RGB 214 219 235	#D6DBEB
33.3%	33.3% #CAD0E9	RGB 202 208 233	#CAD0E9
50.0%	50.0% #BDC5E6	RGB 189 197 230	#BDC5E6
66.7%	66.7% #B1BAE4	RGB 177 186 228	#B1BAE4
83.3%	83.3% #A4AFE1	RGB 164 175 225	#A4AFE1
100.0%	100.0% #98A4DF	RGB 152 164 223	#98A4DF

#E3E6EE #D6DBEB #CAD0E9 #BDC5E6 #B1BAE4 #A4AFE1 #98A4DF

#E3E6EE - #98A4DF

HSV Blend

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

0.0%	0.0% #E3E6EE	RGB 227 230 238	#E3E6EE
16.7%	16.7% #D5DBEB	RGB 213 219 235	#D5DBEB
33.3%	33.3% #C9D0E9	RGB 201 208 233	#C9D0E9
50.0%	50.0% #BCC5E6	RGB 188 197 230	#BCC5E6
66.7%	66.7% #B0BAE4	RGB 176 186 228	#B0BAE4
83.3%	83.3% #A3AFE1	RGB 163 175 225	#A3AFE1
100.0%	100.0% #98A4DF	RGB 152 164 223	#98A4DF

#E3E6EE #D5DBEB #C9D0E9 #BCC5E6 #B0BAE4 #A3AFE1 #98A4DF

#E3E6EE - #BCC5E6 - #98A4DF

CSS codes

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

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