#00B55D - #005B3E | 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 #00B55D to #005B3E

#00B55D #005B3E

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

#00B55D - #005B3E | 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 #00B55D as 0% and #005B3E as 100%.

0.0%	0.0% #00B55D	RGB 0 181 93	#00B55D
16.7%	16.7% #00A657	RGB 0 166 87	#00A657
33.3%	33.3% #009752	RGB 0 151 82	#009752
50.0%	50.0% #00884D	RGB 0 136 77	#00884D
66.7%	66.7% #007948	RGB 0 121 72	#007948
83.3%	83.3% #006A43	RGB 0 106 67	#006A43
100.0%	100.0% #005B3E	RGB 0 91 62	#005B3E

#00B55D #00A657 #009752 #00884D #007948 #006A43 #005B3E

#00B55D - #005B3E

HSV Blend

#00B55D - #005B3E | 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 #00B55D as 0% and #005B3E as 100%.

0.0%	0.0% #00B55C	RGB 0 181 92	#00B55C
16.7%	16.7% #00A659	RGB 0 166 89	#00A659
33.3%	33.3% #009756	RGB 0 151 86	#009756
50.0%	50.0% #008851	RGB 0 136 81	#008851
66.7%	66.7% #00794B	RGB 0 121 75	#00794B
83.3%	83.3% #006A45	RGB 0 106 69	#006A45
100.0%	100.0% #005B3E	RGB 0 91 62	#005B3E

#00B55C #00A659 #009756 #008851 #00794B #006A45 #005B3E

#00B55D - #008851 - #005B3E

CSS codes

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

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