#00554D - #01301B | 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 #00554D to #01301B

#00554D #01301B

Calculate the color between two colors, #00554D and #01301B. 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)

#00554D - #01301B | 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 #00554D as 0% and #01301B as 100%.

0.0%	0.0% #00554D	RGB 0 85 77	#00554D
16.7%	16.7% #004E44	RGB 0 78 68	#004E44
33.3%	33.3% #00483C	RGB 0 72 60	#00483C
50.0%	50.0% #004234	RGB 0 66 52	#004234
66.7%	66.7% #003C2B	RGB 0 60 43	#003C2B
83.3%	83.3% #003623	RGB 0 54 35	#003623
100.0%	100.0% #01301B	RGB 1 48 27	#01301B

#00554D #004E44 #00483C #004234 #003C2B #003623 #01301B

#00554D - #01301B

HSV Blend

#00554D - #01301B | 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 #00554D as 0% and #01301B as 100%.

0.0%	0.0% #00554D	RGB 0 85 77	#00554D
16.7%	16.7% #004E42	RGB 0 78 66	#004E42
33.3%	33.3% #004839	RGB 0 72 57	#004839
50.0%	50.0% #004230	RGB 0 66 48	#004230
66.7%	66.7% #003C28	RGB 0 60 40	#003C28
83.3%	83.3% #003621	RGB 0 54 33	#003621
100.0%	100.0% #01301B	RGB 1 48 27	#01301B

#00554D #004E42 #004839 #004230 #003C28 #003621 #01301B

#00554D - #004230 - #01301B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00554D 0%, #004230 50%, #01301B 100%);
    background: -webkit-linear-gradient(top, #00554D 0%, #004230 50%, #01301B 100%);
    background: linear-gradient(to bottom, #00554D 0%, #004230 50%, #01301B 100%);
}
</style>