#6A6D6A - #322A1C | 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 #6A6D6A to #322A1C

#6A6D6A #322A1C

Calculate the color between two colors, #6A6D6A and #322A1C. 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)

#6A6D6A - #322A1C | 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 #6A6D6A as 0% and #322A1C as 100%.

0.0%	0.0% #6A6D6A	RGB 106 109 106	#6A6D6A
16.7%	16.7% #60615D	RGB 96 97 93	#60615D
33.3%	33.3% #575650	RGB 87 86 80	#575650
50.0%	50.0% #4E4B43	RGB 78 75 67	#4E4B43
66.7%	66.7% #444036	RGB 68 64 54	#444036
83.3%	83.3% #3B3529	RGB 59 53 41	#3B3529
100.0%	100.0% #322A1C	RGB 50 42 28	#322A1C

#6A6D6A #60615D #575650 #4E4B43 #444036 #3B3529 #322A1C

#6A6D6A - #322A1C

HSV Blend

#6A6D6A - #322A1C | 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 #6A6D6A as 0% and #322A1C as 100%.

0.0%	0.0% #6A6D6A	RGB 106 109 106	#6A6D6A
16.7%	16.7% #5B6359	RGB 91 99 89	#5B6359
33.3%	33.3% #51594A	RGB 81 89 74	#51594A
50.0%	50.0% #494F3C	RGB 73 79 60	#494F3C
66.7%	66.7% #434530	RGB 67 69 48	#434530
83.3%	83.3% #3B3825	RGB 59 56 37	#3B3825
100.0%	100.0% #322A1C	RGB 50 42 28	#322A1C

#6A6D6A #5B6359 #51594A #494F3C #434530 #3B3825 #322A1C

#6A6D6A - #494F3C - #322A1C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6A6D6A 0%, #494F3C 50%, #322A1C 100%);
    background: -webkit-linear-gradient(top, #6A6D6A 0%, #494F3C 50%, #322A1C 100%);
    background: linear-gradient(to bottom, #6A6D6A 0%, #494F3C 50%, #322A1C 100%);
}
</style>