#00A175 - #00673B | 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 #00A175 to #00673B

#00A175 #00673B

Calculate the color between two colors, #00A175 and #00673B. 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)

#00A175 - #00673B | 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 #00A175 as 0% and #00673B as 100%.

0.0%	0.0% #00A175	RGB 0 161 117	#00A175
16.7%	16.7% #00976B	RGB 0 151 107	#00976B
33.3%	33.3% #008D61	RGB 0 141 97	#008D61
50.0%	50.0% #008458	RGB 0 132 88	#008458
66.7%	66.7% #007A4E	RGB 0 122 78	#007A4E
83.3%	83.3% #007044	RGB 0 112 68	#007044
100.0%	100.0% #00673B	RGB 0 103 59	#00673B

#00A175 #00976B #008D61 #008458 #007A4E #007044 #00673B

#00A175 - #00673B

HSV Blend

#00A175 - #00673B | 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 #00A175 as 0% and #00673B as 100%.

0.0%	0.0% #00A175	RGB 0 161 117	#00A175
16.7%	16.7% #00976A	RGB 0 151 106	#00976A
33.3%	33.3% #008D5F	RGB 0 141 95	#008D5F
50.0%	50.0% #008455	RGB 0 132 85	#008455
66.7%	66.7% #007A4C	RGB 0 122 76	#007A4C
83.3%	83.3% #007043	RGB 0 112 67	#007043
100.0%	100.0% #00673B	RGB 0 103 59	#00673B

#00A175 #00976A #008D5F #008455 #007A4C #007043 #00673B

#00A175 - #008455 - #00673B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A175 0%, #008455 50%, #00673B 100%);
    background: -webkit-linear-gradient(top, #00A175 0%, #008455 50%, #00673B 100%);
    background: linear-gradient(to bottom, #00A175 0%, #008455 50%, #00673B 100%);
}
</style>