#3C4140 - #8C687C | 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 #3C4140 to #8C687C

#3C4140 #8C687C

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

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

0.0%	0.0% #3C4140	RGB 60 65 64	#3C4140
16.7%	16.7% #49474A	RGB 73 71 74	#49474A
33.3%	33.3% #564E54	RGB 86 78 84	#564E54
50.0%	50.0% #64545E	RGB 100 84 94	#64545E
66.7%	66.7% #715B68	RGB 113 91 104	#715B68
83.3%	83.3% #7E6172	RGB 126 97 114	#7E6172
100.0%	100.0% #8C687C	RGB 140 104 124	#8C687C

#3C4140 #49474A #564E54 #64545E #715B68 #7E6172 #8C687C

#3C4140 - #8C687C

HSV Blend

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

0.0%	0.0% #3C4140	RGB 60 65 64	#3C4140
16.7%	16.7% #454B4D	RGB 69 75 77	#454B4D
33.3%	33.3% #4D515A	RGB 77 81 90	#4D515A
50.0%	50.0% #575566	RGB 87 85 102	#575566
66.7%	66.7% #695C73	RGB 105 92 115	#695C73
83.3%	83.3% #7F627F	RGB 127 98 127	#7F627F
100.0%	100.0% #8C687C	RGB 140 104 124	#8C687C

#3C4140 #454B4D #4D515A #575566 #695C73 #7F627F #8C687C

#3C4140 - #575566 - #8C687C

CSS codes

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

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