#3C372D - #656D6B | 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 #3C372D to #656D6B

#3C372D #656D6B

Calculate the color between two colors, #3C372D and #656D6B. 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)

#3C372D - #656D6B | 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 #3C372D as 0% and #656D6B as 100%.

0.0%	0.0% #3C372D	RGB 60 55 45	#3C372D
16.7%	16.7% #424037	RGB 66 64 55	#424037
33.3%	33.3% #494941	RGB 73 73 65	#494941
50.0%	50.0% #50524C	RGB 80 82 76	#50524C
66.7%	66.7% #575B56	RGB 87 91 86	#575B56
83.3%	83.3% #5E6460	RGB 94 100 96	#5E6460
100.0%	100.0% #656D6B	RGB 101 109 107	#656D6B

#3C372D #424037 #494941 #50524C #575B56 #5E6460 #656D6B

#3C372D - #656D6B

HSV Blend

#3C372D - #656D6B | 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 #3C372D as 0% and #656D6B as 100%.

0.0%	0.0% #3C372D	RGB 60 55 45	#3C372D
16.7%	16.7% #434435	RGB 67 68 53	#434435
33.3%	33.3% #474C3D	RGB 71 76 61	#474C3D
50.0%	50.0% #4A5446	RGB 74 84 70	#4A5446
66.7%	66.7% #505C51	RGB 80 92 81	#505C51
83.3%	83.3% #5A645E	RGB 90 100 94	#5A645E
100.0%	100.0% #656D6B	RGB 101 109 107	#656D6B

#3C372D #434435 #474C3D #4A5446 #505C51 #5A645E #656D6B

#3C372D - #4A5446 - #656D6B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C372D 0%, #4A5446 50%, #656D6B 100%);
    background: -webkit-linear-gradient(top, #3C372D 0%, #4A5446 50%, #656D6B 100%);
    background: linear-gradient(to bottom, #3C372D 0%, #4A5446 50%, #656D6B 100%);
}
</style>