#ABBC3E - #FFE96E | 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 #ABBC3E to #FFE96E

#ABBC3E #FFE96E

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

#ABBC3E - #FFE96E | 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 #ABBC3E as 0% and #FFE96E as 100%.

0.0%	0.0% #ABBC3E	RGB 171 188 62	#ABBC3E
16.7%	16.7% #B9C346	RGB 185 195 70	#B9C346
33.3%	33.3% #C7CB4E	RGB 199 203 78	#C7CB4E
50.0%	50.0% #D5D256	RGB 213 210 86	#D5D256
66.7%	66.7% #E3DA5E	RGB 227 218 94	#E3DA5E
83.3%	83.3% #F1E166	RGB 241 225 102	#F1E166
100.0%	100.0% #FFE96E	RGB 255 233 110	#FFE96E

#ABBC3E #B9C346 #C7CB4E #D5D256 #E3DA5E #F1E166 #FFE96E

#ABBC3E - #FFE96E

HSV Blend

#ABBC3E - #FFE96E | 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 #ABBC3E as 0% and #FFE96E as 100%.

0.0%	0.0% #ABBC3E	RGB 171 188 62	#ABBC3E
16.7%	16.7% #BBC745	RGB 187 199 69	#BBC745
33.3%	33.3% #CDD24C	RGB 205 210 76	#CDD24C
50.0%	50.0% #DDDC54	RGB 221 220 84	#DDDC54
66.7%	66.7% #E8E05C	RGB 232 224 92	#E8E05C
83.3%	83.3% #F3E465	RGB 243 228 101	#F3E465
100.0%	100.0% #FFE96E	RGB 255 233 110	#FFE96E

#ABBC3E #BBC745 #CDD24C #DDDC54 #E8E05C #F3E465 #FFE96E

#ABBC3E - #DDDC54 - #FFE96E

CSS codes

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

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