#01C13B - #003710 | 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 #01C13B to #003710

#01C13B #003710

Calculate the color between two colors, #01C13B and #003710. 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)

#01C13B - #003710 | 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 #01C13B as 0% and #003710 as 100%.

0.0%	0.0% #01C13B	RGB 1 193 59	#01C13B
16.7%	16.7% #00AA33	RGB 0 170 51	#00AA33
33.3%	33.3% #00932C	RGB 0 147 44	#00932C
50.0%	50.0% #007C25	RGB 0 124 37	#007C25
66.7%	66.7% #00651E	RGB 0 101 30	#00651E
83.3%	83.3% #004E17	RGB 0 78 23	#004E17
100.0%	100.0% #003710	RGB 0 55 16	#003710

#01C13B #00AA33 #00932C #007C25 #00651E #004E17 #003710

#01C13B - #003710

HSV Blend

#01C13B - #003710 | 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 #01C13B as 0% and #003710 as 100%.

0.0%	0.0% #01C13B	RGB 1 193 59	#01C13B
16.7%	16.7% #00AA33	RGB 0 170 51	#00AA33
33.3%	33.3% #00932C	RGB 0 147 44	#00932C
50.0%	50.0% #007C24	RGB 0 124 36	#007C24
66.7%	66.7% #00651D	RGB 0 101 29	#00651D
83.3%	83.3% #004E16	RGB 0 78 22	#004E16
100.0%	100.0% #003710	RGB 0 55 16	#003710

#01C13B #00AA33 #00932C #007C24 #00651D #004E16 #003710

#01C13B - #007C24 - #003710

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #01C13B 0%, #007C24 50%, #003710 100%);
    background: -webkit-linear-gradient(top, #01C13B 0%, #007C24 50%, #003710 100%);
    background: linear-gradient(to bottom, #01C13B 0%, #007C24 50%, #003710 100%);
}
</style>