#01C17B - #00724D | 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 #01C17B to #00724D

#01C17B #00724D

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

#01C17B - #00724D | 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 #01C17B as 0% and #00724D as 100%.

0.0%	0.0% #01C17B	RGB 1 193 123	#01C17B
16.7%	16.7% #00B373	RGB 0 179 115	#00B373
33.3%	33.3% #00A66B	RGB 0 166 107	#00A66B
50.0%	50.0% #009964	RGB 0 153 100	#009964
66.7%	66.7% #008C5C	RGB 0 140 92	#008C5C
83.3%	83.3% #007F54	RGB 0 127 84	#007F54
100.0%	100.0% #00724D	RGB 0 114 77	#00724D

#01C17B #00B373 #00A66B #009964 #008C5C #007F54 #00724D

#01C17B - #00724D

HSV Blend

#01C17B - #00724D | 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 #01C17B as 0% and #00724D as 100%.

0.0%	0.0% #01C17B	RGB 1 193 123	#01C17B
16.7%	16.7% #00B373	RGB 0 179 115	#00B373
33.3%	33.3% #00A66C	RGB 0 166 108	#00A66C
50.0%	50.0% #009964	RGB 0 153 100	#009964
66.7%	66.7% #008C5C	RGB 0 140 92	#008C5C
83.3%	83.3% #007F55	RGB 0 127 85	#007F55
100.0%	100.0% #00724D	RGB 0 114 77	#00724D

#01C17B #00B373 #00A66C #009964 #008C5C #007F55 #00724D

#01C17B - #009964 - #00724D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #01C17B 0%, #009964 50%, #00724D 100%);
    background: -webkit-linear-gradient(top, #01C17B 0%, #009964 50%, #00724D 100%);
    background: linear-gradient(to bottom, #01C17B 0%, #009964 50%, #00724D 100%);
}
</style>