#55CB5E - #FFFC85 | 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 #55CB5E to #FFFC85

#55CB5E #FFFC85

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

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

0.0%	0.0% #55CB5E	RGB 85 203 94	#55CB5E
16.7%	16.7% #71D364	RGB 113 211 100	#71D364
33.3%	33.3% #8DDB6B	RGB 141 219 107	#8DDB6B
50.0%	50.0% #AAE371	RGB 170 227 113	#AAE371
66.7%	66.7% #C6EB78	RGB 198 235 120	#C6EB78
83.3%	83.3% #E2F37E	RGB 226 243 126	#E2F37E
100.0%	100.0% #FFFC85	RGB 255 252 133	#FFFC85

#55CB5E #71D364 #8DDB6B #AAE371 #C6EB78 #E2F37E #FFFC85

#55CB5E - #FFFC85

HSV Blend

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

0.0%	0.0% #55CB5E	RGB 85 203 94	#55CB5E
16.7%	16.7% #69D35C	RGB 105 211 92	#69D35C
33.3%	33.3% #86DC63	RGB 134 220 99	#86DC63
50.0%	50.0% #A5E56B	RGB 165 229 107	#A5E56B
66.7%	66.7% #C3ED73	RGB 195 237 115	#C3ED73
83.3%	83.3% #E2F67C	RGB 226 246 124	#E2F67C
100.0%	100.0% #FFFC85	RGB 255 252 133	#FFFC85

#55CB5E #69D35C #86DC63 #A5E56B #C3ED73 #E2F67C #FFFC85

#55CB5E - #A5E56B - #FFFC85

CSS codes

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

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