#00917F - #005D3D | 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 #00917F to #005D3D

#00917F #005D3D

Calculate the color between two colors, #00917F and #005D3D. 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)

#00917F - #005D3D | 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 #00917F as 0% and #005D3D as 100%.

0.0%	0.0% #00917F	RGB 0 145 127	#00917F
16.7%	16.7% #008874	RGB 0 136 116	#008874
33.3%	33.3% #007F69	RGB 0 127 105	#007F69
50.0%	50.0% #00775E	RGB 0 119 94	#00775E
66.7%	66.7% #006E53	RGB 0 110 83	#006E53
83.3%	83.3% #006548	RGB 0 101 72	#006548
100.0%	100.0% #005D3D	RGB 0 93 61	#005D3D

#00917F #008874 #007F69 #00775E #006E53 #006548 #005D3D

#00917F - #005D3D

HSV Blend

#00917F - #005D3D | 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 #00917F as 0% and #005D3D as 100%.

0.0%	0.0% #00917E	RGB 0 145 126	#00917E
16.7%	16.7% #008872	RGB 0 136 114	#008872
33.3%	33.3% #007F66	RGB 0 127 102	#007F66
50.0%	50.0% #00775B	RGB 0 119 91	#00775B
66.7%	66.7% #006E50	RGB 0 110 80	#006E50
83.3%	83.3% #006546	RGB 0 101 70	#006546
100.0%	100.0% #005D3D	RGB 0 93 61	#005D3D

#00917E #008872 #007F66 #00775B #006E50 #006546 #005D3D

#00917F - #00775B - #005D3D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00917E 0%, #00775B 50%, #005D3D 100%);
    background: -webkit-linear-gradient(top, #00917E 0%, #00775B 50%, #005D3D 100%);
    background: linear-gradient(to bottom, #00917E 0%, #00775B 50%, #005D3D 100%);
}
</style>