#3C413E - #8C6886 | 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 #3C413E to #8C6886

#3C413E #8C6886

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

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

0.0%	0.0% #3C413E	RGB 60 65 62	#3C413E
16.7%	16.7% #49474A	RGB 73 71 74	#49474A
33.3%	33.3% #564E56	RGB 86 78 86	#564E56
50.0%	50.0% #645462	RGB 100 84 98	#645462
66.7%	66.7% #715B6E	RGB 113 91 110	#715B6E
83.3%	83.3% #7E617A	RGB 126 97 122	#7E617A
100.0%	100.0% #8C6886	RGB 140 104 134	#8C6886

#3C413E #49474A #564E56 #645462 #715B6E #7E617A #8C6886

#3C413E - #8C6886

HSV Blend

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

0.0%	0.0% #3C413E	RGB 60 65 62	#3C413E
16.7%	16.7% #454D4C	RGB 69 77 76	#454D4C
33.3%	33.3% #4D565A	RGB 77 86 90	#4D565A
50.0%	50.0% #555966	RGB 85 89 102	#555966
66.7%	66.7% #615C73	RGB 97 92 115	#615C73
83.3%	83.3% #76627F	RGB 118 98 127	#76627F
100.0%	100.0% #8C6886	RGB 140 104 134	#8C6886

#3C413E #454D4C #4D565A #555966 #615C73 #76627F #8C6886

#3C413E - #555966 - #8C6886

CSS codes

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

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