#6D4D4C - #5A1F0B | 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 #6D4D4C to #5A1F0B

#6D4D4C #5A1F0B

Calculate the color between two colors, #6D4D4C and #5A1F0B. 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)

#6D4D4C - #5A1F0B | 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 #6D4D4C as 0% and #5A1F0B as 100%.

0.0%	0.0% #6D4D4C	RGB 109 77 76	#6D4D4C
16.7%	16.7% #694541	RGB 105 69 65	#694541
33.3%	33.3% #663D36	RGB 102 61 54	#663D36
50.0%	50.0% #63362B	RGB 99 54 43	#63362B
66.7%	66.7% #602E20	RGB 96 46 32	#602E20
83.3%	83.3% #5D2615	RGB 93 38 21	#5D2615
100.0%	100.0% #5A1F0B	RGB 90 31 11	#5A1F0B

#6D4D4C #694541 #663D36 #63362B #602E20 #5D2615 #5A1F0B

#6D4D4C - #5A1F0B

HSV Blend

#6D4D4C - #5A1F0B | 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 #6D4D4C as 0% and #5A1F0B as 100%.

0.0%	0.0% #6D4D4C	RGB 109 77 76	#6D4D4C
16.7%	16.7% #69423F	RGB 105 66 63	#69423F
33.3%	33.3% #663933	RGB 102 57 51	#663933
50.0%	50.0% #633128	RGB 99 49 40	#633128
66.7%	66.7% #602A1E	RGB 96 42 30	#602A1E
83.3%	83.3% #5D2414	RGB 93 36 20	#5D2414
100.0%	100.0% #5A1F0B	RGB 90 31 11	#5A1F0B

#6D4D4C #69423F #663933 #633128 #602A1E #5D2414 #5A1F0B

#6D4D4C - #633128 - #5A1F0B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D4D4C 0%, #633128 50%, #5A1F0B 100%);
    background: -webkit-linear-gradient(top, #6D4D4C 0%, #633128 50%, #5A1F0B 100%);
    background: linear-gradient(to bottom, #6D4D4C 0%, #633128 50%, #5A1F0B 100%);
}
</style>