#AAAD8C - #F2E2AA | 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 #AAAD8C to #F2E2AA

#AAAD8C #F2E2AA

Calculate the color between two colors, #AAAD8C and #F2E2AA. 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)

#AAAD8C - #F2E2AA | 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 #AAAD8C as 0% and #F2E2AA as 100%.

0.0%	0.0% #AAAD8C	RGB 170 173 140	#AAAD8C
16.7%	16.7% #B6B591	RGB 182 181 145	#B6B591
33.3%	33.3% #C2BE96	RGB 194 190 150	#C2BE96
50.0%	50.0% #CEC79B	RGB 206 199 155	#CEC79B
66.7%	66.7% #DAD0A0	RGB 218 208 160	#DAD0A0
83.3%	83.3% #E6D9A5	RGB 230 217 165	#E6D9A5
100.0%	100.0% #F2E2AA	RGB 242 226 170	#F2E2AA

#AAAD8C #B6B591 #C2BE96 #CEC79B #DAD0A0 #E6D9A5 #F2E2AA

#AAAD8C - #F2E2AA

HSV Blend

#AAAD8C - #F2E2AA | 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 #AAAD8C as 0% and #F2E2AA as 100%.

0.0%	0.0% #AAAD8C	RGB 170 173 140	#AAAD8C
16.7%	16.7% #B7B892	RGB 183 184 146	#B7B892
33.3%	33.3% #C4C397	RGB 196 195 151	#C4C397
50.0%	50.0% #CFCC9C	RGB 207 204 156	#CFCC9C
66.7%	66.7% #DBD4A1	RGB 219 212 161	#DBD4A1
83.3%	83.3% #E6DBA6	RGB 230 219 166	#E6DBA6
100.0%	100.0% #F2E2AA	RGB 242 226 170	#F2E2AA

#AAAD8C #B7B892 #C4C397 #CFCC9C #DBD4A1 #E6DBA6 #F2E2AA

#AAAD8C - #CFCC9C - #F2E2AA

CSS codes

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

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