#8C7F8C - #3A383E | 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 #8C7F8C to #3A383E

#8C7F8C #3A383E

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

#8C7F8C - #3A383E | 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 #8C7F8C as 0% and #3A383E as 100%.

0.0%	0.0% #8C7F8C	RGB 140 127 140	#8C7F8C
16.7%	16.7% #7E737F	RGB 126 115 127	#7E737F
33.3%	33.3% #706772	RGB 112 103 114	#706772
50.0%	50.0% #635B65	RGB 99 91 101	#635B65
66.7%	66.7% #554F58	RGB 85 79 88	#554F58
83.3%	83.3% #47434B	RGB 71 67 75	#47434B
100.0%	100.0% #3A383E	RGB 58 56 62	#3A383E

#8C7F8C #7E737F #706772 #635B65 #554F58 #47434B #3A383E

#8C7F8C - #3A383E

HSV Blend

#8C7F8C - #3A383E | 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 #8C7F8C as 0% and #3A383E as 100%.

0.0%	0.0% #8C7F8C	RGB 140 127 140	#8C7F8C
16.7%	16.7% #7D737F	RGB 125 115 127	#7D737F
33.3%	33.3% #6F6772	RGB 111 103 114	#6F6772
50.0%	50.0% #615B65	RGB 97 91 101	#615B65
66.7%	66.7% #544F58	RGB 84 79 88	#544F58
83.3%	83.3% #46434B	RGB 70 67 75	#46434B
100.0%	100.0% #3A383E	RGB 58 56 62	#3A383E

#8C7F8C #7D737F #6F6772 #615B65 #544F58 #46434B #3A383E

#8C7F8C - #615B65 - #3A383E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C7F8C 0%, #615B65 50%, #3A383E 100%);
    background: -webkit-linear-gradient(top, #8C7F8C 0%, #615B65 50%, #3A383E 100%);
    background: linear-gradient(to bottom, #8C7F8C 0%, #615B65 50%, #3A383E 100%);
}
</style>