#AFAC5E - #ECFE7C | 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 #AFAC5E to #ECFE7C

#AFAC5E #ECFE7C

Calculate the color between two colors, #AFAC5E and #ECFE7C. 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)

#AFAC5E - #ECFE7C | 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 #AFAC5E as 0% and #ECFE7C as 100%.

0.0%	0.0% #AFAC5E	RGB 175 172 94	#AFAC5E
16.7%	16.7% #B9B963	RGB 185 185 99	#B9B963
33.3%	33.3% #C3C768	RGB 195 199 104	#C3C768
50.0%	50.0% #CDD56D	RGB 205 213 109	#CDD56D
66.7%	66.7% #D7E272	RGB 215 226 114	#D7E272
83.3%	83.3% #E1F077	RGB 225 240 119	#E1F077
100.0%	100.0% #ECFE7C	RGB 236 254 124	#ECFE7C

#AFAC5E #B9B963 #C3C768 #CDD56D #D7E272 #E1F077 #ECFE7C

#AFAC5E - #ECFE7C

HSV Blend

#AFAC5E - #ECFE7C | 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 #AFAC5E as 0% and #ECFE7C as 100%.

0.0%	0.0% #AFAC5E	RGB 175 172 94	#AFAC5E
16.7%	16.7% #BCBB63	RGB 188 187 99	#BCBB63
33.3%	33.3% #C7C968	RGB 199 201 104	#C7C968
50.0%	50.0% #D1D66D	RGB 209 214 109	#D1D66D
66.7%	66.7% #DAE372	RGB 218 227 114	#DAE372
83.3%	83.3% #E3F077	RGB 227 240 119	#E3F077
100.0%	100.0% #ECFE7C	RGB 236 254 124	#ECFE7C

#AFAC5E #BCBB63 #C7C968 #D1D66D #DAE372 #E3F077 #ECFE7C

#AFAC5E - #D1D66D - #ECFE7C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFAC5E 0%, #D1D66D 50%, #ECFE7C 100%);
    background: -webkit-linear-gradient(top, #AFAC5E 0%, #D1D66D 50%, #ECFE7C 100%);
    background: linear-gradient(to bottom, #AFAC5E 0%, #D1D66D 50%, #ECFE7C 100%);
}
</style>