#00DA8C - #DCFF8C | 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 #00DA8C to #DCFF8C

#00DA8C #DCFF8C

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

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

0.0%	0.0% #00DA8C	RGB 0 218 140	#00DA8C
16.7%	16.7% #24E08C	RGB 36 224 140	#24E08C
33.3%	33.3% #49E68C	RGB 73 230 140	#49E68C
50.0%	50.0% #6EEC8C	RGB 110 236 140	#6EEC8C
66.7%	66.7% #92F28C	RGB 146 242 140	#92F28C
83.3%	83.3% #B7F88C	RGB 183 248 140	#B7F88C
100.0%	100.0% #DCFF8C	RGB 220 255 140	#DCFF8C

#00DA8C #24E08C #49E68C #6EEC8C #92F28C #B7F88C #DCFF8C

#00DA8C - #DCFF8C

HSV Blend

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

0.0%	0.0% #00DA8C	RGB 0 218 140	#00DA8C
16.7%	16.7% #14E069	RGB 20 224 105	#14E069
33.3%	33.3% #2AE64F	RGB 42 230 79	#2AE64F
50.0%	50.0% #45EC40	RGB 69 236 64	#45EC40
66.7%	66.7% #7FF258	RGB 127 242 88	#7FF258
83.3%	83.3% #B1F871	RGB 177 248 113	#B1F871
100.0%	100.0% #DCFF8C	RGB 220 255 140	#DCFF8C

#00DA8C #14E069 #2AE64F #45EC40 #7FF258 #B1F871 #DCFF8C

#00DA8C - #45EC40 - #DCFF8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00DA8C 0%, #45EC40 50%, #DCFF8C 100%);
    background: -webkit-linear-gradient(top, #00DA8C 0%, #45EC40 50%, #DCFF8C 100%);
    background: linear-gradient(to bottom, #00DA8C 0%, #45EC40 50%, #DCFF8C 100%);
}
</style>