#8C7486 - #3E2941 | 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 #8C7486 to #3E2941

#8C7486 #3E2941

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

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

0.0%	0.0% #8C7486	RGB 140 116 134	#8C7486
16.7%	16.7% #7F677A	RGB 127 103 122	#7F677A
33.3%	33.3% #725B6F	RGB 114 91 111	#725B6F
50.0%	50.0% #654E63	RGB 101 78 99	#654E63
66.7%	66.7% #584258	RGB 88 66 88	#584258
83.3%	83.3% #4B354C	RGB 75 53 76	#4B354C
100.0%	100.0% #3E2941	RGB 62 41 65	#3E2941

#8C7486 #7F677A #725B6F #654E63 #584258 #4B354C #3E2941

#8C7486 - #3E2941

HSV Blend

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

0.0%	0.0% #8C7486	RGB 140 116 134	#8C7486
16.7%	16.7% #7F657A	RGB 127 101 122	#7F657A
33.3%	33.3% #73576F	RGB 115 87 111	#73576F
50.0%	50.0% #664A64	RGB 102 74 100	#664A64
66.7%	66.7% #5A3E5A	RGB 90 62 90	#5A3E5A
83.3%	83.3% #4B334D	RGB 75 51 77	#4B334D
100.0%	100.0% #3E2941	RGB 62 41 65	#3E2941

#8C7486 #7F657A #73576F #664A64 #5A3E5A #4B334D #3E2941

#8C7486 - #664A64 - #3E2941

CSS codes

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

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