#AAADAB - #4C6656 | 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 #AAADAB to #4C6656

#AAADAB #4C6656

Calculate the color between two colors, #AAADAB and #4C6656. 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)

#AAADAB - #4C6656 | 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 #AAADAB as 0% and #4C6656 as 100%.

0.0%	0.0% #AAADAB	RGB 170 173 171	#AAADAB
16.7%	16.7% #9AA19C	RGB 154 161 156	#9AA19C
33.3%	33.3% #8A958E	RGB 138 149 142	#8A958E
50.0%	50.0% #7B8980	RGB 123 137 128	#7B8980
66.7%	66.7% #6B7D72	RGB 107 125 114	#6B7D72
83.3%	83.3% #5B7164	RGB 91 113 100	#5B7164
100.0%	100.0% #4C6656	RGB 76 102 86	#4C6656

#AAADAB #9AA19C #8A958E #7B8980 #6B7D72 #5B7164 #4C6656

#AAADAB - #4C6656

HSV Blend

#AAADAB - #4C6656 | 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 #AAADAB as 0% and #4C6656 as 100%.

0.0%	0.0% #AAADAB	RGB 170 173 171	#AAADAB
16.7%	16.7% #97A19B	RGB 151 161 155	#97A19B
33.3%	33.3% #86958B	RGB 134 149 139	#86958B
50.0%	50.0% #76897D	RGB 118 137 125	#76897D
66.7%	66.7% #677D6F	RGB 103 125 111	#677D6F
83.3%	83.3% #597162	RGB 89 113 98	#597162
100.0%	100.0% #4C6656	RGB 76 102 86	#4C6656

#AAADAB #97A19B #86958B #76897D #677D6F #597162 #4C6656

#AAADAB - #76897D - #4C6656

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAADAB 0%, #76897D 50%, #4C6656 100%);
    background: -webkit-linear-gradient(top, #AAADAB 0%, #76897D 50%, #4C6656 100%);
    background: linear-gradient(to bottom, #AAADAB 0%, #76897D 50%, #4C6656 100%);
}
</style>