#8B7B7B - #DDD9D9 | 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 #8B7B7B to #DDD9D9

#8B7B7B #DDD9D9

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

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

0.0%	0.0% #8B7B7B	RGB 139 123 123	#8B7B7B
16.7%	16.7% #988A8A	RGB 152 138 138	#988A8A
33.3%	33.3% #A69A9A	RGB 166 154 154	#A69A9A
50.0%	50.0% #B4AAAA	RGB 180 170 170	#B4AAAA
66.7%	66.7% #C1B9B9	RGB 193 185 185	#C1B9B9
83.3%	83.3% #CFC9C9	RGB 207 201 201	#CFC9C9
100.0%	100.0% #DDD9D9	RGB 221 217 217	#DDD9D9

#8B7B7B #988A8A #A69A9A #B4AAAA #C1B9B9 #CFC9C9 #DDD9D9

#8B7B7B - #DDD9D9

HSV Blend

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

0.0%	0.0% #8B7B7B	RGB 139 123 123	#8B7B7B
16.7%	16.7% #988989	RGB 152 137 137	#988989
33.3%	33.3% #A69898	RGB 166 152 152	#A69898
50.0%	50.0% #B4A8A8	RGB 180 168 168	#B4A8A8
66.7%	66.7% #C1B7B7	RGB 193 183 183	#C1B7B7
83.3%	83.3% #CFC8C8	RGB 207 200 200	#CFC8C8
100.0%	100.0% #DDD9D9	RGB 221 217 217	#DDD9D9

#8B7B7B #988989 #A69898 #B4A8A8 #C1B7B7 #CFC8C8 #DDD9D9

#8B7B7B - #B4A8A8 - #DDD9D9

CSS codes

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

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