#44BC3C - #DDFF6C | 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 #44BC3C to #DDFF6C

#44BC3C #DDFF6C

Calculate the color between two colors, #44BC3C and #DDFF6C. 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)

#44BC3C - #DDFF6C | 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 #44BC3C as 0% and #DDFF6C as 100%.

0.0%	0.0% #44BC3C	RGB 68 188 60	#44BC3C
16.7%	16.7% #5DC744	RGB 93 199 68	#5DC744
33.3%	33.3% #77D24C	RGB 119 210 76	#77D24C
50.0%	50.0% #90DD54	RGB 144 221 84	#90DD54
66.7%	66.7% #AAE85C	RGB 170 232 92	#AAE85C
83.3%	83.3% #C3F364	RGB 195 243 100	#C3F364
100.0%	100.0% #DDFF6C	RGB 221 255 108	#DDFF6C

#44BC3C #5DC744 #77D24C #90DD54 #AAE85C #C3F364 #DDFF6C

#44BC3C - #DDFF6C

HSV Blend

#44BC3C - #DDFF6C | 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 #44BC3C as 0% and #DDFF6C as 100%.

0.0%	0.0% #44BC3C	RGB 68 188 60	#44BC3C
16.7%	16.7% #5AC743	RGB 90 199 67	#5AC743
33.3%	33.3% #72D24A	RGB 114 210 74	#72D24A
50.0%	50.0% #8CDD52	RGB 140 221 82	#8CDD52
66.7%	66.7% #A6E85A	RGB 166 232 90	#A6E85A
83.3%	83.3% #C1F363	RGB 193 243 99	#C1F363
100.0%	100.0% #DDFF6C	RGB 221 255 108	#DDFF6C

#44BC3C #5AC743 #72D24A #8CDD52 #A6E85A #C1F363 #DDFF6C

#44BC3C - #8CDD52 - #DDFF6C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #44BC3C 0%, #8CDD52 50%, #DDFF6C 100%);
    background: -webkit-linear-gradient(top, #44BC3C 0%, #8CDD52 50%, #DDFF6C 100%);
    background: linear-gradient(to bottom, #44BC3C 0%, #8CDD52 50%, #DDFF6C 100%);
}
</style>