#00AF5E - #007A30 | 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 #00AF5E to #007A30

#00AF5E #007A30

Calculate the color between two colors, #00AF5E and #007A30. 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)

#00AF5E - #007A30 | 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 #00AF5E as 0% and #007A30 as 100%.

0.0%	0.0% #00AF5E	RGB 0 175 94	#00AF5E
16.7%	16.7% #00A656	RGB 0 166 86	#00A656
33.3%	33.3% #009D4E	RGB 0 157 78	#009D4E
50.0%	50.0% #009447	RGB 0 148 71	#009447
66.7%	66.7% #008B3F	RGB 0 139 63	#008B3F
83.3%	83.3% #008237	RGB 0 130 55	#008237
100.0%	100.0% #007A30	RGB 0 122 48	#007A30

#00AF5E #00A656 #009D4E #009447 #008B3F #008237 #007A30

#00AF5E - #007A30

HSV Blend

#00AF5E - #007A30 | 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 #00AF5E as 0% and #007A30 as 100%.

0.0%	0.0% #00AF5D	RGB 0 175 93	#00AF5D
16.7%	16.7% #00A655	RGB 0 166 85	#00A655
33.3%	33.3% #009D4C	RGB 0 157 76	#009D4C
50.0%	50.0% #009445	RGB 0 148 69	#009445
66.7%	66.7% #008B3D	RGB 0 139 61	#008B3D
83.3%	83.3% #008236	RGB 0 130 54	#008236
100.0%	100.0% #007A30	RGB 0 122 48	#007A30

#00AF5D #00A655 #009D4C #009445 #008B3D #008236 #007A30

#00AF5E - #009445 - #007A30

CSS codes

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

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