#6F7171 - #AAAE7E | 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 #6F7171 to #AAAE7E

#6F7171 #AAAE7E

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

#6F7171 - #AAAE7E | 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 #6F7171 as 0% and #AAAE7E as 100%.

0.0%	0.0% #6F7171	RGB 111 113 113	#6F7171
16.7%	16.7% #787B73	RGB 120 123 115	#787B73
33.3%	33.3% #828575	RGB 130 133 117	#828575
50.0%	50.0% #8C8F77	RGB 140 143 119	#8C8F77
66.7%	66.7% #969979	RGB 150 153 121	#969979
83.3%	83.3% #A0A37B	RGB 160 163 123	#A0A37B
100.0%	100.0% #AAAE7E	RGB 170 174 126	#AAAE7E

#6F7171 #787B73 #828575 #8C8F77 #969979 #A0A37B #AAAE7E

#6F7171 - #AAAE7E

HSV Blend

#6F7171 - #AAAE7E | 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 #6F7171 as 0% and #AAAE7E as 100%.

0.0%	0.0% #6F7171	RGB 111 113 113	#6F7171
16.7%	16.7% #737B78	RGB 115 123 120	#737B78
33.3%	33.3% #77857C	RGB 119 133 124	#77857C
50.0%	50.0% #7A8F7B	RGB 122 143 123	#7A8F7B
66.7%	66.7% #84997C	RGB 132 153 124	#84997C
83.3%	83.3% #94A37D	RGB 148 163 125	#94A37D
100.0%	100.0% #AAAE7E	RGB 170 174 126	#AAAE7E

#6F7171 #737B78 #77857C #7A8F7B #84997C #94A37D #AAAE7E

#6F7171 - #7A8F7B - #AAAE7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6F7171 0%, #7A8F7B 50%, #AAAE7E 100%);
    background: -webkit-linear-gradient(top, #6F7171 0%, #7A8F7B 50%, #AAAE7E 100%);
    background: linear-gradient(to bottom, #6F7171 0%, #7A8F7B 50%, #AAAE7E 100%);
}
</style>