#A7A997 - #2F302B | 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 #A7A997 to #2F302B

#A7A997 #2F302B

Calculate the color between two colors, #A7A997 and #2F302B. 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)

#A7A997 - #2F302B | 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 #A7A997 as 0% and #2F302B as 100%.

0.0%	0.0% #A7A997	RGB 167 169 151	#A7A997
16.7%	16.7% #939485	RGB 147 148 133	#939485
33.3%	33.3% #7F8073	RGB 127 128 115	#7F8073
50.0%	50.0% #6B6C61	RGB 107 108 97	#6B6C61
66.7%	66.7% #57584F	RGB 87 88 79	#57584F
83.3%	83.3% #43443D	RGB 67 68 61	#43443D
100.0%	100.0% #2F302B	RGB 47 48 43	#2F302B

#A7A997 #939485 #7F8073 #6B6C61 #57584F #43443D #2F302B

#A7A997 - #2F302B

HSV Blend

#A7A997 - #2F302B | 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 #A7A997 as 0% and #2F302B as 100%.

0.0%	0.0% #A7A997	RGB 167 169 151	#A7A997
16.7%	16.7% #929485	RGB 146 148 133	#929485
33.3%	33.3% #7E8073	RGB 126 128 115	#7E8073
50.0%	50.0% #6A6C61	RGB 106 108 97	#6A6C61
66.7%	66.7% #56584F	RGB 86 88 79	#56584F
83.3%	83.3% #42443D	RGB 66 68 61	#42443D
100.0%	100.0% #2F302B	RGB 47 48 43	#2F302B

#A7A997 #929485 #7E8073 #6A6C61 #56584F #42443D #2F302B

#A7A997 - #6A6C61 - #2F302B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A7A997 0%, #6A6C61 50%, #2F302B 100%);
    background: -webkit-linear-gradient(top, #A7A997 0%, #6A6C61 50%, #2F302B 100%);
    background: linear-gradient(to bottom, #A7A997 0%, #6A6C61 50%, #2F302B 100%);
}
</style>