#54FF31 - #FFDC8C | 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 #54FF31 to #FFDC8C

#54FF31 #FFDC8C

Calculate the color between two colors, #54FF31 and #FFDC8C. 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)

#54FF31 - #FFDC8C | 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 #54FF31 as 0% and #FFDC8C as 100%.

0.0%	0.0% #54FF31	RGB 84 255 49	#54FF31
16.7%	16.7% #70F940	RGB 112 249 64	#70F940
33.3%	33.3% #8DF34F	RGB 141 243 79	#8DF34F
50.0%	50.0% #A9ED5E	RGB 169 237 94	#A9ED5E
66.7%	66.7% #C6E76D	RGB 198 231 109	#C6E76D
83.3%	83.3% #E2E17C	RGB 226 225 124	#E2E17C
100.0%	100.0% #FFDC8C	RGB 255 220 140	#FFDC8C

#54FF31 #70F940 #8DF34F #A9ED5E #C6E76D #E2E17C #FFDC8C

#54FF31 - #FFDC8C

HSV Blend

#54FF31 - #FFDC8C | 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 #54FF31 as 0% and #FFDC8C as 100%.

0.0%	0.0% #54FF31	RGB 84 255 49	#54FF31
16.7%	16.7% #84FF40	RGB 132 255 64	#84FF40
33.3%	33.3% #AFFF4F	RGB 175 255 79	#AFFF4F
50.0%	50.0% #D4FF5E	RGB 212 255 94	#D4FF5E
66.7%	66.7% #F4FF6D	RGB 244 255 109	#F4FF6D
83.3%	83.3% #FFEF7C	RGB 255 239 124	#FFEF7C
100.0%	100.0% #FFDC8C	RGB 255 220 140	#FFDC8C

#54FF31 #84FF40 #AFFF4F #D4FF5E #F4FF6D #FFEF7C #FFDC8C

#54FF31 - #D4FF5E - #FFDC8C

CSS codes

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

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