#3C413F - #8C6880 | 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 #3C413F to #8C6880

#3C413F #8C6880

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

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

0.0%	0.0% #3C413F	RGB 60 65 63	#3C413F
16.7%	16.7% #494749	RGB 73 71 73	#494749
33.3%	33.3% #564E54	RGB 86 78 84	#564E54
50.0%	50.0% #64545F	RGB 100 84 95	#64545F
66.7%	66.7% #715B6A	RGB 113 91 106	#715B6A
83.3%	83.3% #7E6175	RGB 126 97 117	#7E6175
100.0%	100.0% #8C6880	RGB 140 104 128	#8C6880

#3C413F #494749 #564E54 #64545F #715B6A #7E6175 #8C6880

#3C413F - #8C6880

HSV Blend

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

0.0%	0.0% #3C413F	RGB 60 65 63	#3C413F
16.7%	16.7% #454D4D	RGB 69 77 77	#454D4D
33.3%	33.3% #4D535A	RGB 77 83 90	#4D535A
50.0%	50.0% #555566	RGB 85 85 102	#555566
66.7%	66.7% #655C73	RGB 101 92 115	#655C73
83.3%	83.3% #7B627F	RGB 123 98 127	#7B627F
100.0%	100.0% #8C6880	RGB 140 104 128	#8C6880

#3C413F #454D4D #4D535A #555566 #655C73 #7B627F #8C6880

#3C413F - #555566 - #8C6880

CSS codes

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

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