#8A8C89 - #DDDEDD | 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 #8A8C89 to #DDDEDD

#8A8C89 #DDDEDD

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

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

0.0%	0.0% #8A8C89	RGB 138 140 137	#8A8C89
16.7%	16.7% #979997	RGB 151 153 151	#979997
33.3%	33.3% #A5A7A5	RGB 165 167 165	#A5A7A5
50.0%	50.0% #B3B5B3	RGB 179 181 179	#B3B5B3
66.7%	66.7% #C1C2C1	RGB 193 194 193	#C1C2C1
83.3%	83.3% #CFD0CF	RGB 207 208 207	#CFD0CF
100.0%	100.0% #DDDEDD	RGB 221 222 221	#DDDEDD

#8A8C89 #979997 #A5A7A5 #B3B5B3 #C1C2C1 #CFD0CF #DDDEDD

#8A8C89 - #DDDEDD

HSV Blend

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

0.0%	0.0% #8A8C89	RGB 138 140 137	#8A8C89
16.7%	16.7% #979996	RGB 151 153 150	#979996
33.3%	33.3% #A5A7A4	RGB 165 167 164	#A5A7A4
50.0%	50.0% #B3B5B2	RGB 179 181 178	#B3B5B2
66.7%	66.7% #C0C2C0	RGB 192 194 192	#C0C2C0
83.3%	83.3% #CED0CE	RGB 206 208 206	#CED0CE
100.0%	100.0% #DDDEDD	RGB 221 222 221	#DDDEDD

#8A8C89 #979996 #A5A7A4 #B3B5B2 #C0C2C0 #CED0CE #DDDEDD

#8A8C89 - #B3B5B2 - #DDDEDD

CSS codes

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

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