#8A8C93 - #DDDEE0 | 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 #8A8C93 to #DDDEE0

#8A8C93 #DDDEE0

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

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

0.0%	0.0% #8A8C93	RGB 138 140 147	#8A8C93
16.7%	16.7% #97999F	RGB 151 153 159	#97999F
33.3%	33.3% #A5A7AC	RGB 165 167 172	#A5A7AC
50.0%	50.0% #B3B5B9	RGB 179 181 185	#B3B5B9
66.7%	66.7% #C1C2C6	RGB 193 194 198	#C1C2C6
83.3%	83.3% #CFD0D3	RGB 207 208 211	#CFD0D3
100.0%	100.0% #DDDEE0	RGB 221 222 224	#DDDEE0

#8A8C93 #97999F #A5A7AC #B3B5B9 #C1C2C6 #CFD0D3 #DDDEE0

#8A8C93 - #DDDEE0

HSV Blend

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

0.0%	0.0% #8A8C93	RGB 138 140 147	#8A8C93
16.7%	16.7% #97999F	RGB 151 153 159	#97999F
33.3%	33.3% #A4A6AC	RGB 164 166 172	#A4A6AC
50.0%	50.0% #B2B4B9	RGB 178 180 185	#B2B4B9
66.7%	66.7% #C0C2C6	RGB 192 194 198	#C0C2C6
83.3%	83.3% #CED0D3	RGB 206 208 211	#CED0D3
100.0%	100.0% #DDDEE0	RGB 221 222 224	#DDDEE0

#8A8C93 #97999F #A4A6AC #B2B4B9 #C0C2C6 #CED0D3 #DDDEE0

#8A8C93 - #B2B4B9 - #DDDEE0

CSS codes

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

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