#AAAB76 - #BDFDA8 | 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 #AAAB76 to #BDFDA8

#AAAB76 #BDFDA8

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

#AAAB76 - #BDFDA8 | 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 #AAAB76 as 0% and #BDFDA8 as 100%.

0.0%	0.0% #AAAB76	RGB 170 171 118	#AAAB76
16.7%	16.7% #ADB87E	RGB 173 184 126	#ADB87E
33.3%	33.3% #B0C686	RGB 176 198 134	#B0C686
50.0%	50.0% #B3D48F	RGB 179 212 143	#B3D48F
66.7%	66.7% #B6E197	RGB 182 225 151	#B6E197
83.3%	83.3% #B9EF9F	RGB 185 239 159	#B9EF9F
100.0%	100.0% #BDFDA8	RGB 189 253 168	#BDFDA8

#AAAB76 #ADB87E #B0C686 #B3D48F #B6E197 #B9EF9F #BDFDA8

#AAAB76 - #BDFDA8

HSV Blend

#AAAB76 - #BDFDA8 | 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 #AAAB76 as 0% and #BDFDA8 as 100%.

0.0%	0.0% #AAAB76	RGB 170 171 118	#AAAB76
16.7%	16.7% #B0B87E	RGB 176 184 126	#B0B87E
33.3%	33.3% #B5C687	RGB 181 198 135	#B5C687
50.0%	50.0% #B9D48F	RGB 185 212 143	#B9D48F
66.7%	66.7% #BCE197	RGB 188 225 151	#BCE197
83.3%	83.3% #BDEF9F	RGB 189 239 159	#BDEF9F
100.0%	100.0% #BDFDA8	RGB 189 253 168	#BDFDA8

#AAAB76 #B0B87E #B5C687 #B9D48F #BCE197 #BDEF9F #BDFDA8

#AAAB76 - #B9D48F - #BDFDA8

CSS codes

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

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