#AAADA4 - #747E4D | 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 #AAADA4 to #747E4D

#AAADA4 #747E4D

Calculate the color between two colors, #AAADA4 and #747E4D. 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)

#AAADA4 - #747E4D | 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 #AAADA4 as 0% and #747E4D as 100%.

0.0%	0.0% #AAADA4	RGB 170 173 164	#AAADA4
16.7%	16.7% #A1A595	RGB 161 165 149	#A1A595
33.3%	33.3% #989D87	RGB 152 157 135	#989D87
50.0%	50.0% #8F9578	RGB 143 149 120	#8F9578
66.7%	66.7% #868D6A	RGB 134 141 106	#868D6A
83.3%	83.3% #7D855B	RGB 125 133 91	#7D855B
100.0%	100.0% #747E4D	RGB 116 126 77	#747E4D

#AAADA4 #A1A595 #989D87 #8F9578 #868D6A #7D855B #747E4D

#AAADA4 - #747E4D

HSV Blend

#AAADA4 - #747E4D | 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 #AAADA4 as 0% and #747E4D as 100%.

0.0%	0.0% #AAADA4	RGB 170 173 164	#AAADA4
16.7%	16.7% #9FA593	RGB 159 165 147	#9FA593
33.3%	33.3% #959D83	RGB 149 157 131	#959D83
50.0%	50.0% #8C9574	RGB 140 149 116	#8C9574
66.7%	66.7% #838D66	RGB 131 141 102	#838D66
83.3%	83.3% #7B8559	RGB 123 133 89	#7B8559
100.0%	100.0% #747E4D	RGB 116 126 77	#747E4D

#AAADA4 #9FA593 #959D83 #8C9574 #838D66 #7B8559 #747E4D

#AAADA4 - #8C9574 - #747E4D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAADA4 0%, #8C9574 50%, #747E4D 100%);
    background: -webkit-linear-gradient(top, #AAADA4 0%, #8C9574 50%, #747E4D 100%);
    background: linear-gradient(to bottom, #AAADA4 0%, #8C9574 50%, #747E4D 100%);
}
</style>