#636951 - #31400D | 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 #636951 to #31400D

#636951 #31400D

Calculate the color between two colors, #636951 and #31400D. 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)

#636951 - #31400D | 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 #636951 as 0% and #31400D as 100%.

0.0%	0.0% #636951	RGB 99 105 81	#636951
16.7%	16.7% #5A6245	RGB 90 98 69	#5A6245
33.3%	33.3% #525B3A	RGB 82 91 58	#525B3A
50.0%	50.0% #4A542F	RGB 74 84 47	#4A542F
66.7%	66.7% #414D23	RGB 65 77 35	#414D23
83.3%	83.3% #394618	RGB 57 70 24	#394618
100.0%	100.0% #31400D	RGB 49 64 13	#31400D

#636951 #5A6245 #525B3A #4A542F #414D23 #394618 #31400D

#636951 - #31400D

HSV Blend

#636951 - #31400D | 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 #636951 as 0% and #31400D as 100%.

0.0%	0.0% #636951	RGB 99 105 81	#636951
16.7%	16.7% #596242	RGB 89 98 66	#596242
33.3%	33.3% #515B35	RGB 81 91 53	#515B35
50.0%	50.0% #485429	RGB 72 84 41	#485429
66.7%	66.7% #404D1E	RGB 64 77 30	#404D1E
83.3%	83.3% #384615	RGB 56 70 21	#384615
100.0%	100.0% #31400D	RGB 49 64 13	#31400D

#636951 #596242 #515B35 #485429 #404D1E #384615 #31400D

#636951 - #485429 - #31400D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #636951 0%, #485429 50%, #31400D 100%);
    background: -webkit-linear-gradient(top, #636951 0%, #485429 50%, #31400D 100%);
    background: linear-gradient(to bottom, #636951 0%, #485429 50%, #31400D 100%);
}
</style>