#8C768D - #3A2F3E | 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 #8C768D to #3A2F3E

#8C768D #3A2F3E

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

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

0.0%	0.0% #8C768D	RGB 140 118 141	#8C768D
16.7%	16.7% #7E6A7F	RGB 126 106 127	#7E6A7F
33.3%	33.3% #705E72	RGB 112 94 114	#705E72
50.0%	50.0% #635265	RGB 99 82 101	#635265
66.7%	66.7% #554658	RGB 85 70 88	#554658
83.3%	83.3% #473A4B	RGB 71 58 75	#473A4B
100.0%	100.0% #3A2F3E	RGB 58 47 62	#3A2F3E

#8C768D #7E6A7F #705E72 #635265 #554658 #473A4B #3A2F3E

#8C768D - #3A2F3E

HSV Blend

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

0.0%	0.0% #8C768D	RGB 140 118 141	#8C768D
16.7%	16.7% #7E697F	RGB 126 105 127	#7E697F
33.3%	33.3% #705C72	RGB 112 92 114	#705C72
50.0%	50.0% #625065	RGB 98 80 101	#625065
66.7%	66.7% #544558	RGB 84 69 88	#544558
83.3%	83.3% #47394B	RGB 71 57 75	#47394B
100.0%	100.0% #3A2F3E	RGB 58 47 62	#3A2F3E

#8C768D #7E697F #705C72 #625065 #544558 #47394B #3A2F3E

#8C768D - #625065 - #3A2F3E

CSS codes

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

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