#00A814 - #006801 | 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 #00A814 to #006801

#00A814 #006801

Calculate the color between two colors, #00A814 and #006801. 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)

#00A814 - #006801 | 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 #00A814 as 0% and #006801 as 100%.

0.0%	0.0% #00A814	RGB 0 168 20	#00A814
16.7%	16.7% #009D10	RGB 0 157 16	#009D10
33.3%	33.3% #00920D	RGB 0 146 13	#00920D
50.0%	50.0% #00880A	RGB 0 136 10	#00880A
66.7%	66.7% #007D07	RGB 0 125 7	#007D07
83.3%	83.3% #007204	RGB 0 114 4	#007204
100.0%	100.0% #006801	RGB 0 104 1	#006801

#00A814 #009D10 #00920D #00880A #007D07 #007204 #006801

#00A814 - #006801

HSV Blend

#00A814 - #006801 | 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 #00A814 as 0% and #006801 as 100%.

0.0%	0.0% #00A813	RGB 0 168 19	#00A813
16.7%	16.7% #009D0F	RGB 0 157 15	#009D0F
33.3%	33.3% #00920C	RGB 0 146 12	#00920C
50.0%	50.0% #008808	RGB 0 136 8	#008808
66.7%	66.7% #007D05	RGB 0 125 5	#007D05
83.3%	83.3% #007203	RGB 0 114 3	#007203
100.0%	100.0% #006801	RGB 0 104 1	#006801

#00A813 #009D0F #00920C #008808 #007D05 #007203 #006801

#00A814 - #008808 - #006801

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A813 0%, #008808 50%, #006801 100%);
    background: -webkit-linear-gradient(top, #00A813 0%, #008808 50%, #006801 100%);
    background: linear-gradient(to bottom, #00A813 0%, #008808 50%, #006801 100%);
}
</style>