#00997B - #00623C | 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 #00997B to #00623C

#00997B #00623C

Calculate the color between two colors, #00997B and #00623C. 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)

#00997B - #00623C | 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 #00997B as 0% and #00623C as 100%.

0.0%	0.0% #00997B	RGB 0 153 123	#00997B
16.7%	16.7% #008F70	RGB 0 143 112	#008F70
33.3%	33.3% #008666	RGB 0 134 102	#008666
50.0%	50.0% #007D5B	RGB 0 125 91	#007D5B
66.7%	66.7% #007451	RGB 0 116 81	#007451
83.3%	83.3% #006B46	RGB 0 107 70	#006B46
100.0%	100.0% #00623C	RGB 0 98 60	#00623C

#00997B #008F70 #008666 #007D5B #007451 #006B46 #00623C

#00997B - #00623C

HSV Blend

#00997B - #00623C | 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 #00997B as 0% and #00623C as 100%.

0.0%	0.0% #00997B	RGB 0 153 123	#00997B
16.7%	16.7% #008F6F	RGB 0 143 111	#008F6F
33.3%	33.3% #008663	RGB 0 134 99	#008663
50.0%	50.0% #007D58	RGB 0 125 88	#007D58
66.7%	66.7% #00744E	RGB 0 116 78	#00744E
83.3%	83.3% #006B45	RGB 0 107 69	#006B45
100.0%	100.0% #00623C	RGB 0 98 60	#00623C

#00997B #008F6F #008663 #007D58 #00744E #006B45 #00623C

#00997B - #007D58 - #00623C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00997B 0%, #007D58 50%, #00623C 100%);
    background: -webkit-linear-gradient(top, #00997B 0%, #007D58 50%, #00623C 100%);
    background: linear-gradient(to bottom, #00997B 0%, #007D58 50%, #00623C 100%);
}
</style>