#AAAD52 - #E6E7CD | 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 #AAAD52 to #E6E7CD

#AAAD52 #E6E7CD

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

#AAAD52 - #E6E7CD | 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 #AAAD52 as 0% and #E6E7CD as 100%.

0.0%	0.0% #AAAD52	RGB 170 173 82	#AAAD52
16.7%	16.7% #B4B666	RGB 180 182 102	#B4B666
33.3%	33.3% #BEC07B	RGB 190 192 123	#BEC07B
50.0%	50.0% #C8CA8F	RGB 200 202 143	#C8CA8F
66.7%	66.7% #D2D3A4	RGB 210 211 164	#D2D3A4
83.3%	83.3% #DCDDB8	RGB 220 221 184	#DCDDB8
100.0%	100.0% #E6E7CD	RGB 230 231 205	#E6E7CD

#AAAD52 #B4B666 #BEC07B #C8CA8F #D2D3A4 #DCDDB8 #E6E7CD

#AAAD52 - #E6E7CD

HSV Blend

#AAAD52 - #E6E7CD | 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 #AAAD52 as 0% and #E6E7CD as 100%.

0.0%	0.0% #AAAD51	RGB 170 173 81	#AAAD51
16.7%	16.7% #B3B663	RGB 179 182 99	#B3B663
33.3%	33.3% #BDC075	RGB 189 192 117	#BDC075
50.0%	50.0% #C7CA89	RGB 199 202 137	#C7CA89
66.7%	66.7% #D1D39E	RGB 209 211 158	#D1D39E
83.3%	83.3% #DBDDB5	RGB 219 221 181	#DBDDB5
100.0%	100.0% #E6E7CD	RGB 230 231 205	#E6E7CD

#AAAD51 #B3B663 #BDC075 #C7CA89 #D1D39E #DBDDB5 #E6E7CD

#AAAD52 - #C7CA89 - #E6E7CD

CSS codes

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

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