#9C8C9C - #E2DEE2 | 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 #9C8C9C to #E2DEE2

#9C8C9C #E2DEE2

Calculate the color between two colors, #9C8C9C and #E2DEE2. 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)

#9C8C9C - #E2DEE2 | 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 #9C8C9C as 0% and #E2DEE2 as 100%.

0.0%	0.0% #9C8C9C	RGB 156 140 156	#9C8C9C
16.7%	16.7% #A799A7	RGB 167 153 167	#A799A7
33.3%	33.3% #B3A7B3	RGB 179 167 179	#B3A7B3
50.0%	50.0% #BFB5BF	RGB 191 181 191	#BFB5BF
66.7%	66.7% #CAC2CA	RGB 202 194 202	#CAC2CA
83.3%	83.3% #D6D0D6	RGB 214 208 214	#D6D0D6
100.0%	100.0% #E2DEE2	RGB 226 222 226	#E2DEE2

#9C8C9C #A799A7 #B3A7B3 #BFB5BF #CAC2CA #D6D0D6 #E2DEE2

#9C8C9C - #E2DEE2

HSV Blend

#9C8C9C - #E2DEE2 | 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 #9C8C9C as 0% and #E2DEE2 as 100%.

0.0%	0.0% #9C8C9C	RGB 156 140 156	#9C8C9C
16.7%	16.7% #A798A7	RGB 167 152 167	#A798A7
33.3%	33.3% #B3A6B3	RGB 179 166 179	#B3A6B3
50.0%	50.0% #BFB3BF	RGB 191 179 191	#BFB3BF
66.7%	66.7% #CAC1CA	RGB 202 193 202	#CAC1CA
83.3%	83.3% #D6CFD6	RGB 214 207 214	#D6CFD6
100.0%	100.0% #E2DEE2	RGB 226 222 226	#E2DEE2

#9C8C9C #A798A7 #B3A6B3 #BFB3BF #CAC1CA #D6CFD6 #E2DEE2

#9C8C9C - #BFB3BF - #E2DEE2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C8C9C 0%, #BFB3BF 50%, #E2DEE2 100%);
    background: -webkit-linear-gradient(top, #9C8C9C 0%, #BFB3BF 50%, #E2DEE2 100%);
    background: linear-gradient(to bottom, #9C8C9C 0%, #BFB3BF 50%, #E2DEE2 100%);
}
</style>