#A8AD4C - #FFE177 | 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 #A8AD4C to #FFE177

#A8AD4C #FFE177

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

#A8AD4C - #FFE177 | 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 #A8AD4C as 0% and #FFE177 as 100%.

0.0%	0.0% #A8AD4C	RGB 168 173 76	#A8AD4C
16.7%	16.7% #B6B553	RGB 182 181 83	#B6B553
33.3%	33.3% #C5BE5A	RGB 197 190 90	#C5BE5A
50.0%	50.0% #D3C761	RGB 211 199 97	#D3C761
66.7%	66.7% #E2CF68	RGB 226 207 104	#E2CF68
83.3%	83.3% #F0D86F	RGB 240 216 111	#F0D86F
100.0%	100.0% #FFE177	RGB 255 225 119	#FFE177

#A8AD4C #B6B553 #C5BE5A #D3C761 #E2CF68 #F0D86F #FFE177

#A8AD4C - #FFE177

HSV Blend

#A8AD4C - #FFE177 | 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 #A8AD4C as 0% and #FFE177 as 100%.

0.0%	0.0% #A8AD4C	RGB 168 173 76	#A8AD4C
16.7%	16.7% #BABA52	RGB 186 186 82	#BABA52
33.3%	33.3% #C8C459	RGB 200 196 89	#C8C459
50.0%	50.0% #D6CC60	RGB 214 204 96	#D6CC60
66.7%	66.7% #E3D368	RGB 227 211 104	#E3D368
83.3%	83.3% #F1DA6F	RGB 241 218 111	#F1DA6F
100.0%	100.0% #FFE177	RGB 255 225 119	#FFE177

#A8AD4C #BABA52 #C8C459 #D6CC60 #E3D368 #F1DA6F #FFE177

#A8AD4C - #D6CC60 - #FFE177

CSS codes

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

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