#013902 - #3C873B | 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 #013902 to #3C873B

#013902 #3C873B

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

#013902 - #3C873B | 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 #013902 as 0% and #3C873B as 100%.

0.0%	0.0% #013902	RGB 1 57 2	#013902
16.7%	16.7% #0A460B	RGB 10 70 11	#0A460B
33.3%	33.3% #145315	RGB 20 83 21	#145315
50.0%	50.0% #1E601E	RGB 30 96 30	#1E601E
66.7%	66.7% #286D28	RGB 40 109 40	#286D28
83.3%	83.3% #327A31	RGB 50 122 49	#327A31
100.0%	100.0% #3C873B	RGB 60 135 59	#3C873B

#013902 #0A460B #145315 #1E601E #286D28 #327A31 #3C873B

#013902 - #3C873B

HSV Blend

#013902 - #3C873B | 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 #013902 as 0% and #3C873B as 100%.

0.0%	0.0% #003901	RGB 0 57 1	#003901
16.7%	16.7% #064606	RGB 6 70 6	#064606
33.3%	33.3% #0D530D	RGB 13 83 13	#0D530D
50.0%	50.0% #156015	RGB 21 96 21	#156015
66.7%	66.7% #206D20	RGB 32 109 32	#206D20
83.3%	83.3% #2D7A2C	RGB 45 122 44	#2D7A2C
100.0%	100.0% #3C873B	RGB 60 135 59	#3C873B

#003901 #064606 #0D530D #156015 #206D20 #2D7A2C #3C873B

#013902 - #156015 - #3C873B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #003901 0%, #156015 50%, #3C873B 100%);
    background: -webkit-linear-gradient(top, #003901 0%, #156015 50%, #3C873B 100%);
    background: linear-gradient(to bottom, #003901 0%, #156015 50%, #3C873B 100%);
}
</style>