#80AF3E - #EFFF6B | 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 #80AF3E to #EFFF6B

#80AF3E #EFFF6B

Calculate the color between two colors, #80AF3E and #EFFF6B. 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)

#80AF3E - #EFFF6B | 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 #80AF3E as 0% and #EFFF6B as 100%.

0.0%	0.0% #80AF3E	RGB 128 175 62	#80AF3E
16.7%	16.7% #92BC45	RGB 146 188 69	#92BC45
33.3%	33.3% #A5C94D	RGB 165 201 77	#A5C94D
50.0%	50.0% #B7D754	RGB 183 215 84	#B7D754
66.7%	66.7% #CAE45C	RGB 202 228 92	#CAE45C
83.3%	83.3% #DCF163	RGB 220 241 99	#DCF163
100.0%	100.0% #EFFF6B	RGB 239 255 107	#EFFF6B

#80AF3E #92BC45 #A5C94D #B7D754 #CAE45C #DCF163 #EFFF6B

#80AF3E - #EFFF6B

HSV Blend

#80AF3E - #EFFF6B | 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 #80AF3E as 0% and #EFFF6B as 100%.

0.0%	0.0% #80AF3E	RGB 128 175 62	#80AF3E
16.7%	16.7% #90BC44	RGB 144 188 68	#90BC44
33.3%	33.3% #A2C94B	RGB 162 201 75	#A2C94B
50.0%	50.0% #B4D753	RGB 180 215 83	#B4D753
66.7%	66.7% #C7E45A	RGB 199 228 90	#C7E45A
83.3%	83.3% #DAF162	RGB 218 241 98	#DAF162
100.0%	100.0% #EFFF6B	RGB 239 255 107	#EFFF6B

#80AF3E #90BC44 #A2C94B #B4D753 #C7E45A #DAF162 #EFFF6B

#80AF3E - #B4D753 - #EFFF6B

CSS codes

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

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