#E2E6EB - #8FA2B4 | 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 #E2E6EB to #8FA2B4

#E2E6EB #8FA2B4

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

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

0.0%	0.0% #E2E6EB	RGB 226 230 235	#E2E6EB
16.7%	16.7% #D4DAE1	RGB 212 218 225	#D4DAE1
33.3%	33.3% #C6CFD8	RGB 198 207 216	#C6CFD8
50.0%	50.0% #B8C4CF	RGB 184 196 207	#B8C4CF
66.7%	66.7% #AAB8C6	RGB 170 184 198	#AAB8C6
83.3%	83.3% #9CADBD	RGB 156 173 189	#9CADBD
100.0%	100.0% #8FA2B4	RGB 143 162 180	#8FA2B4

#E2E6EB #D4DAE1 #C6CFD8 #B8C4CF #AAB8C6 #9CADBD #8FA2B4

#E2E6EB - #8FA2B4

HSV Blend

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

0.0%	0.0% #E2E6EB	RGB 226 230 235	#E2E6EB
16.7%	16.7% #D2D9E1	RGB 210 217 225	#D2D9E1
33.3%	33.3% #C4CDD8	RGB 196 205 216	#C4CDD8
50.0%	50.0% #B6C2CF	RGB 182 194 207	#B6C2CF
66.7%	66.7% #A8B7C6	RGB 168 183 198	#A8B7C6
83.3%	83.3% #9BACBD	RGB 155 172 189	#9BACBD
100.0%	100.0% #8FA2B4	RGB 143 162 180	#8FA2B4

#E2E6EB #D2D9E1 #C4CDD8 #B6C2CF #A8B7C6 #9BACBD #8FA2B4

#E2E6EB - #B6C2CF - #8FA2B4

CSS codes

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

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