#A6AB5E - #B5FA96 | 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 #A6AB5E to #B5FA96

#A6AB5E #B5FA96

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

#A6AB5E - #B5FA96 | 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 #A6AB5E as 0% and #B5FA96 as 100%.

0.0%	0.0% #A6AB5E	RGB 166 171 94	#A6AB5E
16.7%	16.7% #A8B867	RGB 168 184 103	#A8B867
33.3%	33.3% #ABC570	RGB 171 197 112	#ABC570
50.0%	50.0% #ADD27A	RGB 173 210 122	#ADD27A
66.7%	66.7% #B0DF83	RGB 176 223 131	#B0DF83
83.3%	83.3% #B2EC8C	RGB 178 236 140	#B2EC8C
100.0%	100.0% #B5FA96	RGB 181 250 150	#B5FA96

#A6AB5E #A8B867 #ABC570 #ADD27A #B0DF83 #B2EC8C #B5FA96

#A6AB5E - #B5FA96

HSV Blend

#A6AB5E - #B5FA96 | 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 #A6AB5E as 0% and #B5FA96 as 100%.

0.0%	0.0% #A6AB5E	RGB 166 171 94	#A6AB5E
16.7%	16.7% #AAB866	RGB 170 184 102	#AAB866
33.3%	33.3% #ADC56F	RGB 173 197 111	#ADC56F
50.0%	50.0% #B0D279	RGB 176 210 121	#B0D279
66.7%	66.7% #B2DF82	RGB 178 223 130	#B2DF82
83.3%	83.3% #B4EC8C	RGB 180 236 140	#B4EC8C
100.0%	100.0% #B5FA96	RGB 181 250 150	#B5FA96

#A6AB5E #AAB866 #ADC56F #B0D279 #B2DF82 #B4EC8C #B5FA96

#A6AB5E - #B0D279 - #B5FA96

CSS codes

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

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