#55AF3C - #FFF16B | 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 #55AF3C to #FFF16B

#55AF3C #FFF16B

Calculate the color between two colors, #55AF3C and #FFF16B. 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)

#55AF3C - #FFF16B | 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 #55AF3C as 0% and #FFF16B as 100%.

0.0%	0.0% #55AF3C	RGB 85 175 60	#55AF3C
16.7%	16.7% #71BA43	RGB 113 186 67	#71BA43
33.3%	33.3% #8DC54B	RGB 141 197 75	#8DC54B
50.0%	50.0% #AAD053	RGB 170 208 83	#AAD053
66.7%	66.7% #C6DB5B	RGB 198 219 91	#C6DB5B
83.3%	83.3% #E2E663	RGB 226 230 99	#E2E663
100.0%	100.0% #FFF16B	RGB 255 241 107	#FFF16B

#55AF3C #71BA43 #8DC54B #AAD053 #C6DB5B #E2E663 #FFF16B

#55AF3C - #FFF16B

HSV Blend

#55AF3C - #FFF16B | 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 #55AF3C as 0% and #FFF16B as 100%.

0.0%	0.0% #55AF3C	RGB 85 175 60	#55AF3C
16.7%	16.7% #6FBC42	RGB 111 188 66	#6FBC42
33.3%	33.3% #8BC94A	RGB 139 201 74	#8BC94A
50.0%	50.0% #A9D751	RGB 169 215 81	#A9D751
66.7%	66.7% #C8E459	RGB 200 228 89	#C8E459
83.3%	83.3% #EAF162	RGB 234 241 98	#EAF162
100.0%	100.0% #FFF16B	RGB 255 241 107	#FFF16B

#55AF3C #6FBC42 #8BC94A #A9D751 #C8E459 #EAF162 #FFF16B

#55AF3C - #A9D751 - #FFF16B

CSS codes

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

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