#ACBE3C - #FFEA6D | 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 #ACBE3C to #FFEA6D

#ACBE3C #FFEA6D

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

#ACBE3C - #FFEA6D | 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 #ACBE3C as 0% and #FFEA6D as 100%.

0.0%	0.0% #ACBE3C	RGB 172 190 60	#ACBE3C
16.7%	16.7% #B9C544	RGB 185 197 68	#B9C544
33.3%	33.3% #C7CC4C	RGB 199 204 76	#C7CC4C
50.0%	50.0% #D5D454	RGB 213 212 84	#D5D454
66.7%	66.7% #E3DB5C	RGB 227 219 92	#E3DB5C
83.3%	83.3% #F1E264	RGB 241 226 100	#F1E264
100.0%	100.0% #FFEA6D	RGB 255 234 109	#FFEA6D

#ACBE3C #B9C544 #C7CC4C #D5D454 #E3DB5C #F1E264 #FFEA6D

#ACBE3C - #FFEA6D

HSV Blend

#ACBE3C - #FFEA6D | 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 #ACBE3C as 0% and #FFEA6D as 100%.

0.0%	0.0% #ACBE3C	RGB 172 190 60	#ACBE3C
16.7%	16.7% #BCC843	RGB 188 200 67	#BCC843
33.3%	33.3% #CDD34A	RGB 205 211 74	#CDD34A
50.0%	50.0% #DEDE52	RGB 222 222 82	#DEDE52
66.7%	66.7% #E9E25B	RGB 233 226 91	#E9E25B
83.3%	83.3% #F4E663	RGB 244 230 99	#F4E663
100.0%	100.0% #FFEA6D	RGB 255 234 109	#FFEA6D

#ACBE3C #BCC843 #CDD34A #DEDE52 #E9E25B #F4E663 #FFEA6D

#ACBE3C - #DEDE52 - #FFEA6D

CSS codes

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

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