#E2E3ED - #8F97B7 | 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 #E2E3ED to #8F97B7

#E2E3ED #8F97B7

Calculate the color between two colors, #E2E3ED and #8F97B7. 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)

#E2E3ED - #8F97B7 | 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 #E2E3ED as 0% and #8F97B7 as 100%.

0.0%	0.0% #E2E3ED	RGB 226 227 237	#E2E3ED
16.7%	16.7% #D4D6E4	RGB 212 214 228	#D4D6E4
33.3%	33.3% #C6C9DB	RGB 198 201 219	#C6C9DB
50.0%	50.0% #B8BDD2	RGB 184 189 210	#B8BDD2
66.7%	66.7% #AAB0C9	RGB 170 176 201	#AAB0C9
83.3%	83.3% #9CA3C0	RGB 156 163 192	#9CA3C0
100.0%	100.0% #8F97B7	RGB 143 151 183	#8F97B7

#E2E3ED #D4D6E4 #C6C9DB #B8BDD2 #AAB0C9 #9CA3C0 #8F97B7

#E2E3ED - #8F97B7

HSV Blend

#E2E3ED - #8F97B7 | 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 #E2E3ED as 0% and #8F97B7 as 100%.

0.0%	0.0% #E2E3ED	RGB 226 227 237	#E2E3ED
16.7%	16.7% #D2D4E4	RGB 210 212 228	#D2D4E4
33.3%	33.3% #C4C7DB	RGB 196 199 219	#C4C7DB
50.0%	50.0% #B6BAD2	RGB 182 186 210	#B6BAD2
66.7%	66.7% #A8ADC9	RGB 168 173 201	#A8ADC9
83.3%	83.3% #9BA2C0	RGB 155 162 192	#9BA2C0
100.0%	100.0% #8F97B7	RGB 143 151 183	#8F97B7

#E2E3ED #D2D4E4 #C4C7DB #B6BAD2 #A8ADC9 #9BA2C0 #8F97B7

#E2E3ED - #B6BAD2 - #8F97B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E2E3ED 0%, #B6BAD2 50%, #8F97B7 100%);
    background: -webkit-linear-gradient(top, #E2E3ED 0%, #B6BAD2 50%, #8F97B7 100%);
    background: linear-gradient(to bottom, #E2E3ED 0%, #B6BAD2 50%, #8F97B7 100%);
}
</style>