#8C9199 - #DEDFE1 | 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 #8C9199 to #DEDFE1

#8C9199 #DEDFE1

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

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

0.0%	0.0% #8C9199	RGB 140 145 153	#8C9199
16.7%	16.7% #999EA5	RGB 153 158 165	#999EA5
33.3%	33.3% #A7ABB1	RGB 167 171 177	#A7ABB1
50.0%	50.0% #B5B8BD	RGB 181 184 189	#B5B8BD
66.7%	66.7% #C2C5C9	RGB 194 197 201	#C2C5C9
83.3%	83.3% #D0D2D5	RGB 208 210 213	#D0D2D5
100.0%	100.0% #DEDFE1	RGB 222 223 225	#DEDFE1

#8C9199 #999EA5 #A7ABB1 #B5B8BD #C2C5C9 #D0D2D5 #DEDFE1

#8C9199 - #DEDFE1

HSV Blend

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

0.0%	0.0% #8C9199	RGB 140 145 153	#8C9199
16.7%	16.7% #989DA5	RGB 152 157 165	#989DA5
33.3%	33.3% #A6AAB1	RGB 166 170 177	#A6AAB1
50.0%	50.0% #B3B7BD	RGB 179 183 189	#B3B7BD
66.7%	66.7% #C1C4C9	RGB 193 196 201	#C1C4C9
83.3%	83.3% #CFD1D5	RGB 207 209 213	#CFD1D5
100.0%	100.0% #DEDFE1	RGB 222 223 225	#DEDFE1

#8C9199 #989DA5 #A6AAB1 #B3B7BD #C1C4C9 #CFD1D5 #DEDFE1

#8C9199 - #B3B7BD - #DEDFE1

CSS codes

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

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