#01C13B - #006F29 | 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 #006F29

#01C13B #006F29

Calculate the color between two colors, #01C13B and #006F29. 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 - #006F29 | 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 #006F29 as 100%.

0.0%	0.0% #01C13B	RGB 1 193 59	#01C13B
16.7%	16.7% #00B338	RGB 0 179 56	#00B338
33.3%	33.3% #00A535	RGB 0 165 53	#00A535
50.0%	50.0% #009832	RGB 0 152 50	#009832
66.7%	66.7% #008A2F	RGB 0 138 47	#008A2F
83.3%	83.3% #007C2C	RGB 0 124 44	#007C2C
100.0%	100.0% #006F29	RGB 0 111 41	#006F29

#01C13B #00B338 #00A535 #009832 #008A2F #007C2C #006F29

#01C13B - #006F29

HSV Blend

#01C13B - #006F29 | 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 #006F29 as 100%.

0.0%	0.0% #01C13B	RGB 1 193 59	#01C13B
16.7%	16.7% #00B338	RGB 0 179 56	#00B338
33.3%	33.3% #00A536	RGB 0 165 54	#00A536
50.0%	50.0% #009833	RGB 0 152 51	#009833
66.7%	66.7% #008A30	RGB 0 138 48	#008A30
83.3%	83.3% #007C2C	RGB 0 124 44	#007C2C
100.0%	100.0% #006F29	RGB 0 111 41	#006F29

#01C13B #00B338 #00A536 #009833 #008A30 #007C2C #006F29

#01C13B - #009833 - #006F29

CSS codes

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

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