#8C969C - #DEE1E2 | 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 #8C969C to #DEE1E2

#8C969C #DEE1E2

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

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

0.0%	0.0% #8C969C	RGB 140 150 156	#8C969C
16.7%	16.7% #99A2A7	RGB 153 162 167	#99A2A7
33.3%	33.3% #A7AFB3	RGB 167 175 179	#A7AFB3
50.0%	50.0% #B5BBBF	RGB 181 187 191	#B5BBBF
66.7%	66.7% #C2C8CA	RGB 194 200 202	#C2C8CA
83.3%	83.3% #D0D4D6	RGB 208 212 214	#D0D4D6
100.0%	100.0% #DEE1E2	RGB 222 225 226	#DEE1E2

#8C969C #99A2A7 #A7AFB3 #B5BBBF #C2C8CA #D0D4D6 #DEE1E2

#8C969C - #DEE1E2

HSV Blend

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

0.0%	0.0% #8C969C	RGB 140 150 156	#8C969C
16.7%	16.7% #98A2A7	RGB 152 162 167	#98A2A7
33.3%	33.3% #A6AEB3	RGB 166 174 179	#A6AEB3
50.0%	50.0% #B3BBBF	RGB 179 187 191	#B3BBBF
66.7%	66.7% #C1C7CA	RGB 193 199 202	#C1C7CA
83.3%	83.3% #CFD4D6	RGB 207 212 214	#CFD4D6
100.0%	100.0% #DEE1E2	RGB 222 225 226	#DEE1E2

#8C969C #98A2A7 #A6AEB3 #B3BBBF #C1C7CA #CFD4D6 #DEE1E2

#8C969C - #B3BBBF - #DEE1E2

CSS codes

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

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