#A8C974 - #FFEC97 | 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 #A8C974 to #FFEC97

#A8C974 #FFEC97

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

#A8C974 - #FFEC97 | 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 #A8C974 as 0% and #FFEC97 as 100%.

0.0%	0.0% #A8C974	RGB 168 201 116	#A8C974
16.7%	16.7% #B6CE79	RGB 182 206 121	#B6CE79
33.3%	33.3% #C5D47F	RGB 197 212 127	#C5D47F
50.0%	50.0% #D3DA85	RGB 211 218 133	#D3DA85
66.7%	66.7% #E2E08B	RGB 226 224 139	#E2E08B
83.3%	83.3% #F0E691	RGB 240 230 145	#F0E691
100.0%	100.0% #FFEC97	RGB 255 236 151	#FFEC97

#A8C974 #B6CE79 #C5D47F #D3DA85 #E2E08B #F0E691 #FFEC97

#A8C974 - #FFEC97

HSV Blend

#A8C974 - #FFEC97 | 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 #A8C974 as 0% and #FFEC97 as 100%.

0.0%	0.0% #A8C974	RGB 168 201 116	#A8C974
16.7%	16.7% #B8D279	RGB 184 210 121	#B8D279
33.3%	33.3% #C8DB7F	RGB 200 219 127	#C8DB7F
50.0%	50.0% #DAE485	RGB 218 228 133	#DAE485
66.7%	66.7% #ECED8B	RGB 236 237 139	#ECED8B
83.3%	83.3% #F6ED91	RGB 246 237 145	#F6ED91
100.0%	100.0% #FFEC97	RGB 255 236 151	#FFEC97

#A8C974 #B8D279 #C8DB7F #DAE485 #ECED8B #F6ED91 #FFEC97

#A8C974 - #DAE485 - #FFEC97

CSS codes

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

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