#00FFA4 - #00482E | 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 #00FFA4 to #00482E

#00FFA4 #00482E

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

#00FFA4 - #00482E | 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 #00FFA4 as 0% and #00482E as 100%.

0.0%	0.0% #00FFA4	RGB 0 255 164	#00FFA4
16.7%	16.7% #00E090	RGB 0 224 144	#00E090
33.3%	33.3% #00C27C	RGB 0 194 124	#00C27C
50.0%	50.0% #00A369	RGB 0 163 105	#00A369
66.7%	66.7% #008455	RGB 0 132 85	#008455
83.3%	83.3% #006641	RGB 0 102 65	#006641
100.0%	100.0% #00482E	RGB 0 72 46	#00482E

#00FFA4 #00E090 #00C27C #00A369 #008455 #006641 #00482E

#00FFA4 - #00482E

HSV Blend

#00FFA4 - #00482E | 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 #00FFA4 as 0% and #00482E as 100%.

0.0%	0.0% #00FFA4	RGB 0 255 164	#00FFA4
16.7%	16.7% #00E090	RGB 0 224 144	#00E090
33.3%	33.3% #00C27C	RGB 0 194 124	#00C27C
50.0%	50.0% #00A368	RGB 0 163 104	#00A368
66.7%	66.7% #008455	RGB 0 132 85	#008455
83.3%	83.3% #006641	RGB 0 102 65	#006641
100.0%	100.0% #00482E	RGB 0 72 46	#00482E

#00FFA4 #00E090 #00C27C #00A368 #008455 #006641 #00482E

#00FFA4 - #00A368 - #00482E

CSS codes

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

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