#A1AB5E - #AEFA95 | 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 #A1AB5E to #AEFA95

#A1AB5E #AEFA95

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

#A1AB5E - #AEFA95 | 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 #A1AB5E as 0% and #AEFA95 as 100%.

0.0%	0.0% #A1AB5E	RGB 161 171 94	#A1AB5E
16.7%	16.7% #A3B867	RGB 163 184 103	#A3B867
33.3%	33.3% #A5C570	RGB 165 197 112	#A5C570
50.0%	50.0% #A7D279	RGB 167 210 121	#A7D279
66.7%	66.7% #A9DF82	RGB 169 223 130	#A9DF82
83.3%	83.3% #ABEC8B	RGB 171 236 139	#ABEC8B
100.0%	100.0% #AEFA95	RGB 174 250 149	#AEFA95

#A1AB5E #A3B867 #A5C570 #A7D279 #A9DF82 #ABEC8B #AEFA95

#A1AB5E - #AEFA95

HSV Blend

#A1AB5E - #AEFA95 | 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 #A1AB5E as 0% and #AEFA95 as 100%.

0.0%	0.0% #A1AB5E	RGB 161 171 94	#A1AB5E
16.7%	16.7% #A5B866	RGB 165 184 102	#A5B866
33.3%	33.3% #A8C56F	RGB 168 197 111	#A8C56F
50.0%	50.0% #AAD278	RGB 170 210 120	#AAD278
66.7%	66.7% #ACDF81	RGB 172 223 129	#ACDF81
83.3%	83.3% #ADEC8B	RGB 173 236 139	#ADEC8B
100.0%	100.0% #AEFA95	RGB 174 250 149	#AEFA95

#A1AB5E #A5B866 #A8C56F #AAD278 #ACDF81 #ADEC8B #AEFA95

#A1AB5E - #AAD278 - #AEFA95

CSS codes

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

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