#5E7D6D - #AFD37C | 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 #5E7D6D to #AFD37C

#5E7D6D #AFD37C

Calculate the color between two colors, #5E7D6D and #AFD37C. 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)

#5E7D6D - #AFD37C | 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 #5E7D6D as 0% and #AFD37C as 100%.

0.0%	0.0% #5E7D6D	RGB 94 125 109	#5E7D6D
16.7%	16.7% #6B8B6F	RGB 107 139 111	#6B8B6F
33.3%	33.3% #799972	RGB 121 153 114	#799972
50.0%	50.0% #86A874	RGB 134 168 116	#86A874
66.7%	66.7% #94B677	RGB 148 182 119	#94B677
83.3%	83.3% #A1C479	RGB 161 196 121	#A1C479
100.0%	100.0% #AFD37C	RGB 175 211 124	#AFD37C

#5E7D6D #6B8B6F #799972 #86A874 #94B677 #A1C479 #AFD37C

#5E7D6D - #AFD37C

HSV Blend

#5E7D6D - #AFD37C | 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 #5E7D6D as 0% and #AFD37C as 100%.

0.0%	0.0% #5E7D6D	RGB 94 125 109	#5E7D6D
16.7%	16.7% #648B70	RGB 100 139 112	#648B70
33.3%	33.3% #6B9971	RGB 107 153 113	#6B9971
50.0%	50.0% #73A870	RGB 115 168 112	#73A870
66.7%	66.7% #84B675	RGB 132 182 117	#84B675
83.3%	83.3% #97C478	RGB 151 196 120	#97C478
100.0%	100.0% #AFD37C	RGB 175 211 124	#AFD37C

#5E7D6D #648B70 #6B9971 #73A870 #84B675 #97C478 #AFD37C

#5E7D6D - #73A870 - #AFD37C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7D6D 0%, #73A870 50%, #AFD37C 100%);
    background: -webkit-linear-gradient(top, #5E7D6D 0%, #73A870 50%, #AFD37C 100%);
    background: linear-gradient(to bottom, #5E7D6D 0%, #73A870 50%, #AFD37C 100%);
}
</style>