#8C8C8C - #7A3553 | 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 #8C8C8C to #7A3553

#8C8C8C #7A3553

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

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

0.0%	0.0% #8C8C8C	RGB 140 140 140	#8C8C8C
16.7%	16.7% #897D82	RGB 137 125 130	#897D82
33.3%	33.3% #866F79	RGB 134 111 121	#866F79
50.0%	50.0% #83606F	RGB 131 96 111	#83606F
66.7%	66.7% #805266	RGB 128 82 102	#805266
83.3%	83.3% #7D435C	RGB 125 67 92	#7D435C
100.0%	100.0% #7A3553	RGB 122 53 83	#7A3553

#8C8C8C #897D82 #866F79 #83606F #805266 #7D435C #7A3553

#8C8C8C - #7A3553

HSV Blend

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

0.0%	0.0% #8C8C8C	RGB 140 140 140	#8C8C8C
16.7%	16.7% #897C7D	RGB 137 124 125	#897C7D
33.3%	33.3% #866C70	RGB 134 108 112	#866C70
50.0%	50.0% #835D66	RGB 131 93 102	#835D66
66.7%	66.7% #804F5D	RGB 128 79 93	#804F5D
83.3%	83.3% #7D4257	RGB 125 66 87	#7D4257
100.0%	100.0% #7A3553	RGB 122 53 83	#7A3553

#8C8C8C #897C7D #866C70 #835D66 #804F5D #7D4257 #7A3553

#8C8C8C - #835D66 - #7A3553

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C8C8C 0%, #835D66 50%, #7A3553 100%);
    background: -webkit-linear-gradient(top, #8C8C8C 0%, #835D66 50%, #7A3553 100%);
    background: linear-gradient(to bottom, #8C8C8C 0%, #835D66 50%, #7A3553 100%);
}
</style>