#00A64C - #DCFF9F | 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 #00A64C to #DCFF9F

#00A64C #DCFF9F

Calculate the color between two colors, #00A64C and #DCFF9F. 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)

#00A64C - #DCFF9F | 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 #00A64C as 0% and #DCFF9F as 100%.

0.0%	0.0% #00A64C	RGB 0 166 76	#00A64C
16.7%	16.7% #24B459	RGB 36 180 89	#24B459
33.3%	33.3% #49C367	RGB 73 195 103	#49C367
50.0%	50.0% #6ED275	RGB 110 210 117	#6ED275
66.7%	66.7% #92E183	RGB 146 225 131	#92E183
83.3%	83.3% #B7F091	RGB 183 240 145	#B7F091
100.0%	100.0% #DCFF9F	RGB 220 255 159	#DCFF9F

#00A64C #24B459 #49C367 #6ED275 #92E183 #B7F091 #DCFF9F

#00A64C - #DCFF9F

HSV Blend

#00A64C - #DCFF9F | 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 #00A64C as 0% and #DCFF9F as 100%.

0.0%	0.0% #00A64C	RGB 0 166 76	#00A64C
16.7%	16.7% #12B43F	RGB 18 180 63	#12B43F
33.3%	33.3% #28C337	RGB 40 195 55	#28C337
50.0%	50.0% #4ED241	RGB 78 210 65	#4ED241
66.7%	66.7% #81E15D	RGB 129 225 93	#81E15D
83.3%	83.3% #B1F07C	RGB 177 240 124	#B1F07C
100.0%	100.0% #DCFF9F	RGB 220 255 159	#DCFF9F

#00A64C #12B43F #28C337 #4ED241 #81E15D #B1F07C #DCFF9F

#00A64C - #4ED241 - #DCFF9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A64C 0%, #4ED241 50%, #DCFF9F 100%);
    background: -webkit-linear-gradient(top, #00A64C 0%, #4ED241 50%, #DCFF9F 100%);
    background: linear-gradient(to bottom, #00A64C 0%, #4ED241 50%, #DCFF9F 100%);
}
</style>