#00551C - #67AF5E | 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 #00551C to #67AF5E

#00551C #67AF5E

Calculate the color between two colors, #00551C and #67AF5E. 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)

#00551C - #67AF5E | 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 #00551C as 0% and #67AF5E as 100%.

0.0%	0.0% #00551C	RGB 0 85 28	#00551C
16.7%	16.7% #116427	RGB 17 100 39	#116427
33.3%	33.3% #227332	RGB 34 115 50	#227332
50.0%	50.0% #33823D	RGB 51 130 61	#33823D
66.7%	66.7% #449148	RGB 68 145 72	#449148
83.3%	83.3% #55A053	RGB 85 160 83	#55A053
100.0%	100.0% #67AF5E	RGB 103 175 94	#67AF5E

#00551C #116427 #227332 #33823D #449148 #55A053 #67AF5E

#00551C - #67AF5E

HSV Blend

#00551C - #67AF5E | 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 #00551C as 0% and #67AF5E as 100%.

0.0%	0.0% #00551C	RGB 0 85 28	#00551C
16.7%	16.7% #086420	RGB 8 100 32	#086420
33.3%	33.3% #147325	RGB 20 115 37	#147325
50.0%	50.0% #22822D	RGB 34 130 45	#22822D
66.7%	66.7% #339137	RGB 51 145 55	#339137
83.3%	83.3% #4AA047	RGB 74 160 71	#4AA047
100.0%	100.0% #67AF5E	RGB 103 175 94	#67AF5E

#00551C #086420 #147325 #22822D #339137 #4AA047 #67AF5E

#00551C - #22822D - #67AF5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00551C 0%, #22822D 50%, #67AF5E 100%);
    background: -webkit-linear-gradient(top, #00551C 0%, #22822D 50%, #67AF5E 100%);
    background: linear-gradient(to bottom, #00551C 0%, #22822D 50%, #67AF5E 100%);
}
</style>