#00C79B - #00382C | 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 #00C79B to #00382C

#00C79B #00382C

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

#00C79B - #00382C | 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 #00C79B as 0% and #00382C as 100%.

0.0%	0.0% #00C79B	RGB 0 199 155	#00C79B
16.7%	16.7% #00AF88	RGB 0 175 136	#00AF88
33.3%	33.3% #009776	RGB 0 151 118	#009776
50.0%	50.0% #007F63	RGB 0 127 99	#007F63
66.7%	66.7% #006751	RGB 0 103 81	#006751
83.3%	83.3% #004F3E	RGB 0 79 62	#004F3E
100.0%	100.0% #00382C	RGB 0 56 44	#00382C

#00C79B #00AF88 #009776 #007F63 #006751 #004F3E #00382C

#00C79B - #00382C

HSV Blend

#00C79B - #00382C | 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 #00C79B as 0% and #00382C as 100%.

0.0%	0.0% #00C79B	RGB 0 199 155	#00C79B
16.7%	16.7% #00AF88	RGB 0 175 136	#00AF88
33.3%	33.3% #009776	RGB 0 151 118	#009776
50.0%	50.0% #007F63	RGB 0 127 99	#007F63
66.7%	66.7% #006751	RGB 0 103 81	#006751
83.3%	83.3% #004F3E	RGB 0 79 62	#004F3E
100.0%	100.0% #00382C	RGB 0 56 44	#00382C

#00C79B #00AF88 #009776 #007F63 #006751 #004F3E #00382C

#00C79B - #007F63 - #00382C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00C79B 0%, #007F63 50%, #00382C 100%);
    background: -webkit-linear-gradient(top, #00C79B 0%, #007F63 50%, #00382C 100%);
    background: linear-gradient(to bottom, #00C79B 0%, #007F63 50%, #00382C 100%);
}
</style>