#AAADA3 - #66764C | 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 #AAADA3 to #66764C

#AAADA3 #66764C

Calculate the color between two colors, #AAADA3 and #66764C. 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)

#AAADA3 - #66764C | 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 #AAADA3 as 0% and #66764C as 100%.

0.0%	0.0% #AAADA3	RGB 170 173 163	#AAADA3
16.7%	16.7% #9EA394	RGB 158 163 148	#9EA394
33.3%	33.3% #939A86	RGB 147 154 134	#939A86
50.0%	50.0% #889177	RGB 136 145 119	#889177
66.7%	66.7% #7C8869	RGB 124 136 105	#7C8869
83.3%	83.3% #717F5A	RGB 113 127 90	#717F5A
100.0%	100.0% #66764C	RGB 102 118 76	#66764C

#AAADA3 #9EA394 #939A86 #889177 #7C8869 #717F5A #66764C

#AAADA3 - #66764C

HSV Blend

#AAADA3 - #66764C | 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 #AAADA3 as 0% and #66764C as 100%.

0.0%	0.0% #AAADA3	RGB 170 173 163	#AAADA3
16.7%	16.7% #9EA392	RGB 158 163 146	#9EA392
33.3%	33.3% #929A82	RGB 146 154 130	#929A82
50.0%	50.0% #879173	RGB 135 145 115	#879173
66.7%	66.7% #7B8865	RGB 123 136 101	#7B8865
83.3%	83.3% #707F58	RGB 112 127 88	#707F58
100.0%	100.0% #66764C	RGB 102 118 76	#66764C

#AAADA3 #9EA392 #929A82 #879173 #7B8865 #707F58 #66764C

#AAADA3 - #879173 - #66764C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAADA3 0%, #879173 50%, #66764C 100%);
    background: -webkit-linear-gradient(top, #AAADA3 0%, #879173 50%, #66764C 100%);
    background: linear-gradient(to bottom, #AAADA3 0%, #879173 50%, #66764C 100%);
}
</style>