#8C8C9C - #DEDEE2 | 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 #8C8C9C to #DEDEE2

#8C8C9C #DEDEE2

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

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

0.0%	0.0% #8C8C9C	RGB 140 140 156	#8C8C9C
16.7%	16.7% #9999A7	RGB 153 153 167	#9999A7
33.3%	33.3% #A7A7B3	RGB 167 167 179	#A7A7B3
50.0%	50.0% #B5B5BF	RGB 181 181 191	#B5B5BF
66.7%	66.7% #C2C2CA	RGB 194 194 202	#C2C2CA
83.3%	83.3% #D0D0D6	RGB 208 208 214	#D0D0D6
100.0%	100.0% #DEDEE2	RGB 222 222 226	#DEDEE2

#8C8C9C #9999A7 #A7A7B3 #B5B5BF #C2C2CA #D0D0D6 #DEDEE2

#8C8C9C - #DEDEE2

HSV Blend

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

0.0%	0.0% #8C8C9C	RGB 140 140 156	#8C8C9C
16.7%	16.7% #9898A7	RGB 152 152 167	#9898A7
33.3%	33.3% #A6A6B3	RGB 166 166 179	#A6A6B3
50.0%	50.0% #B3B3BF	RGB 179 179 191	#B3B3BF
66.7%	66.7% #C1C1CA	RGB 193 193 202	#C1C1CA
83.3%	83.3% #CFCFD6	RGB 207 207 214	#CFCFD6
100.0%	100.0% #DEDEE2	RGB 222 222 226	#DEDEE2

#8C8C9C #9898A7 #A6A6B3 #B3B3BF #C1C1CA #CFCFD6 #DEDEE2

#8C8C9C - #B3B3BF - #DEDEE2

CSS codes

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

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