#2DCD14 - #FFFF64 | 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 #2DCD14 to #FFFF64

#2DCD14 #FFFF64

Calculate the color between two colors, #2DCD14 and #FFFF64. 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)

#2DCD14 - #FFFF64 | 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 #2DCD14 as 0% and #FFFF64 as 100%.

0.0%	0.0% #2DCD14	RGB 45 205 20	#2DCD14
16.7%	16.7% #50D521	RGB 80 213 33	#50D521
33.3%	33.3% #73DD2E	RGB 115 221 46	#73DD2E
50.0%	50.0% #96E63C	RGB 150 230 60	#96E63C
66.7%	66.7% #B9EE49	RGB 185 238 73	#B9EE49
83.3%	83.3% #DCF656	RGB 220 246 86	#DCF656
100.0%	100.0% #FFFF64	RGB 255 255 100	#FFFF64

#2DCD14 #50D521 #73DD2E #96E63C #B9EE49 #DCF656 #FFFF64

#2DCD14 - #FFFF64

HSV Blend

#2DCD14 - #FFFF64 | 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 #2DCD14 as 0% and #FFFF64 as 100%.

0.0%	0.0% #2DCD13	RGB 45 205 19	#2DCD13
16.7%	16.7% #52D51F	RGB 82 213 31	#52D51F
33.3%	33.3% #76DD2B	RGB 118 221 43	#76DD2B
50.0%	50.0% #9AE638	RGB 154 230 56	#9AE638
66.7%	66.7% #BDEE46	RGB 189 238 70	#BDEE46
83.3%	83.3% #DFF654	RGB 223 246 84	#DFF654
100.0%	100.0% #FFFF64	RGB 255 255 100	#FFFF64

#2DCD13 #52D51F #76DD2B #9AE638 #BDEE46 #DFF654 #FFFF64

#2DCD14 - #9AE638 - #FFFF64

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2DCD13 0%, #9AE638 50%, #FFFF64 100%);
    background: -webkit-linear-gradient(top, #2DCD13 0%, #9AE638 50%, #FFFF64 100%);
    background: linear-gradient(to bottom, #2DCD13 0%, #9AE638 50%, #FFFF64 100%);
}
</style>