#ABA64D - #C4F79D | 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 #ABA64D to #C4F79D

#ABA64D #C4F79D

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

#ABA64D - #C4F79D | 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 #ABA64D as 0% and #C4F79D as 100%.

0.0%	0.0% #ABA64D	RGB 171 166 77	#ABA64D
16.7%	16.7% #AFB35A	RGB 175 179 90	#AFB35A
33.3%	33.3% #B3C167	RGB 179 193 103	#B3C167
50.0%	50.0% #B7CE75	RGB 183 206 117	#B7CE75
66.7%	66.7% #BBDC82	RGB 187 220 130	#BBDC82
83.3%	83.3% #BFE98F	RGB 191 233 143	#BFE98F
100.0%	100.0% #C4F79D	RGB 196 247 157	#C4F79D

#ABA64D #AFB35A #B3C167 #B7CE75 #BBDC82 #BFE98F #C4F79D

#ABA64D - #C4F79D

HSV Blend

#ABA64D - #C4F79D | 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 #ABA64D as 0% and #C4F79D as 100%.

0.0%	0.0% #ABA64D	RGB 171 166 77	#ABA64D
16.7%	16.7% #B2B758	RGB 178 183 88	#B2B758
33.3%	33.3% #B5C464	RGB 181 196 100	#B5C464
50.0%	50.0% #B8D171	RGB 184 209 113	#B8D171
66.7%	66.7% #BBDD7F	RGB 187 221 127	#BBDD7F
83.3%	83.3% #BFEA8D	RGB 191 234 141	#BFEA8D
100.0%	100.0% #C4F79D	RGB 196 247 157	#C4F79D

#ABA64D #B2B758 #B5C464 #B8D171 #BBDD7F #BFEA8D #C4F79D

#ABA64D - #B8D171 - #C4F79D

CSS codes

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

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