#3AFF48 - #00C039 | 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 #3AFF48 to #00C039

#3AFF48 #00C039

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

#3AFF48 - #00C039 | 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 #3AFF48 as 0% and #00C039 as 100%.

0.0%	0.0% #3AFF48	RGB 58 255 72	#3AFF48
16.7%	16.7% #30F445	RGB 48 244 69	#30F445
33.3%	33.3% #26EA43	RGB 38 234 67	#26EA43
50.0%	50.0% #1DDF40	RGB 29 223 64	#1DDF40
66.7%	66.7% #13D53E	RGB 19 213 62	#13D53E
83.3%	83.3% #09CA3B	RGB 9 202 59	#09CA3B
100.0%	100.0% #00C039	RGB 0 192 57	#00C039

#3AFF48 #30F445 #26EA43 #1DDF40 #13D53E #09CA3B #00C039

#3AFF48 - #00C039

HSV Blend

#3AFF48 - #00C039 | 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 #3AFF48 as 0% and #00C039 as 100%.

0.0%	0.0% #39FF47	RGB 57 255 71	#39FF47
16.7%	16.7% #2EF443	RGB 46 244 67	#2EF443
33.3%	33.3% #23EA40	RGB 35 234 64	#23EA40
50.0%	50.0% #19DF3D	RGB 25 223 61	#19DF3D
66.7%	66.7% #10D53B	RGB 16 213 59	#10D53B
83.3%	83.3% #07CA3A	RGB 7 202 58	#07CA3A
100.0%	100.0% #00C039	RGB 0 192 57	#00C039

#39FF47 #2EF443 #23EA40 #19DF3D #10D53B #07CA3A #00C039

#3AFF48 - #19DF3D - #00C039

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #39FF47 0%, #19DF3D 50%, #00C039 100%);
    background: -webkit-linear-gradient(top, #39FF47 0%, #19DF3D 50%, #00C039 100%);
    background: linear-gradient(to bottom, #39FF47 0%, #19DF3D 50%, #00C039 100%);
}
</style>