#A0AD5E - #E9FF7B | 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 #A0AD5E to #E9FF7B

#A0AD5E #E9FF7B

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

#A0AD5E - #E9FF7B | 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 #A0AD5E as 0% and #E9FF7B as 100%.

0.0%	0.0% #A0AD5E	RGB 160 173 94	#A0AD5E
16.7%	16.7% #ACBA62	RGB 172 186 98	#ACBA62
33.3%	33.3% #B8C867	RGB 184 200 103	#B8C867
50.0%	50.0% #C4D66C	RGB 196 214 108	#C4D66C
66.7%	66.7% #D0E371	RGB 208 227 113	#D0E371
83.3%	83.3% #DCF176	RGB 220 241 118	#DCF176
100.0%	100.0% #E9FF7B	RGB 233 255 123	#E9FF7B

#A0AD5E #ACBA62 #B8C867 #C4D66C #D0E371 #DCF176 #E9FF7B

#A0AD5E - #E9FF7B

HSV Blend

#A0AD5E - #E9FF7B | 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 #A0AD5E as 0% and #E9FF7B as 100%.

0.0%	0.0% #A0AD5E	RGB 160 173 94	#A0AD5E
16.7%	16.7% #ACBA63	RGB 172 186 99	#ACBA63
33.3%	33.3% #B8C868	RGB 184 200 104	#B8C868
50.0%	50.0% #C4D66D	RGB 196 214 109	#C4D66D
66.7%	66.7% #D0E372	RGB 208 227 114	#D0E372
83.3%	83.3% #DCF176	RGB 220 241 118	#DCF176
100.0%	100.0% #E9FF7B	RGB 233 255 123	#E9FF7B

#A0AD5E #ACBA63 #B8C868 #C4D66D #D0E372 #DCF176 #E9FF7B

#A0AD5E - #C4D66D - #E9FF7B

CSS codes

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

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