#01C142 - #003712 | 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 #01C142 to #003712

#01C142 #003712

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

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

0.0%	0.0% #01C142	RGB 1 193 66	#01C142
16.7%	16.7% #00AA3A	RGB 0 170 58	#00AA3A
33.3%	33.3% #009332	RGB 0 147 50	#009332
50.0%	50.0% #007C2A	RGB 0 124 42	#007C2A
66.7%	66.7% #006522	RGB 0 101 34	#006522
83.3%	83.3% #004E1A	RGB 0 78 26	#004E1A
100.0%	100.0% #003712	RGB 0 55 18	#003712

#01C142 #00AA3A #009332 #007C2A #006522 #004E1A #003712

#01C142 - #003712

HSV Blend

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

0.0%	0.0% #01C142	RGB 1 193 66	#01C142
16.7%	16.7% #00AA39	RGB 0 170 57	#00AA39
33.3%	33.3% #009331	RGB 0 147 49	#009331
50.0%	50.0% #007C29	RGB 0 124 41	#007C29
66.7%	66.7% #006521	RGB 0 101 33	#006521
83.3%	83.3% #004E19	RGB 0 78 25	#004E19
100.0%	100.0% #003712	RGB 0 55 18	#003712

#01C142 #00AA39 #009331 #007C29 #006521 #004E19 #003712

#01C142 - #007C29 - #003712

CSS codes

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

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