#A8ACA7 - #30312F | 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 #A8ACA7 to #30312F

#A8ACA7 #30312F

Calculate the color between two colors, #A8ACA7 and #30312F. 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)

#A8ACA7 - #30312F | 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 #A8ACA7 as 0% and #30312F as 100%.

0.0%	0.0% #A8ACA7	RGB 168 172 167	#A8ACA7
16.7%	16.7% #949793	RGB 148 151 147	#949793
33.3%	33.3% #80837F	RGB 128 131 127	#80837F
50.0%	50.0% #6C6E6B	RGB 108 110 107	#6C6E6B
66.7%	66.7% #585A57	RGB 88 90 87	#585A57
83.3%	83.3% #444543	RGB 68 69 67	#444543
100.0%	100.0% #30312F	RGB 48 49 47	#30312F

#A8ACA7 #949793 #80837F #6C6E6B #585A57 #444543 #30312F

#A8ACA7 - #30312F

HSV Blend

#A8ACA7 - #30312F | 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 #A8ACA7 as 0% and #30312F as 100%.

0.0%	0.0% #A8ACA7	RGB 168 172 167	#A8ACA7
16.7%	16.7% #939792	RGB 147 151 146	#939792
33.3%	33.3% #7F837E	RGB 127 131 126	#7F837E
50.0%	50.0% #6B6E6A	RGB 107 110 106	#6B6E6A
66.7%	66.7% #585A56	RGB 88 90 86	#585A56
83.3%	83.3% #444542	RGB 68 69 66	#444542
100.0%	100.0% #30312F	RGB 48 49 47	#30312F

#A8ACA7 #939792 #7F837E #6B6E6A #585A56 #444542 #30312F

#A8ACA7 - #6B6E6A - #30312F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8ACA7 0%, #6B6E6A 50%, #30312F 100%);
    background: -webkit-linear-gradient(top, #A8ACA7 0%, #6B6E6A 50%, #30312F 100%);
    background: linear-gradient(to bottom, #A8ACA7 0%, #6B6E6A 50%, #30312F 100%);
}
</style>