#ACAD3E - #FFE16B | 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 #ACAD3E to #FFE16B

#ACAD3E #FFE16B

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

#ACAD3E - #FFE16B | 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 #ACAD3E as 0% and #FFE16B as 100%.

0.0%	0.0% #ACAD3E	RGB 172 173 62	#ACAD3E
16.7%	16.7% #B9B545	RGB 185 181 69	#B9B545
33.3%	33.3% #C7BE4D	RGB 199 190 77	#C7BE4D
50.0%	50.0% #D5C754	RGB 213 199 84	#D5C754
66.7%	66.7% #E3CF5C	RGB 227 207 92	#E3CF5C
83.3%	83.3% #F1D863	RGB 241 216 99	#F1D863
100.0%	100.0% #FFE16B	RGB 255 225 107	#FFE16B

#ACAD3E #B9B545 #C7BE4D #D5C754 #E3CF5C #F1D863 #FFE16B

#ACAD3E - #FFE16B

HSV Blend

#ACAD3E - #FFE16B | 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 #ACAD3E as 0% and #FFE16B as 100%.

0.0%	0.0% #ACAD3E	RGB 172 173 62	#ACAD3E
16.7%	16.7% #BAB744	RGB 186 183 68	#BAB744
33.3%	33.3% #C8C04B	RGB 200 192 75	#C8C04B
50.0%	50.0% #D6C953	RGB 214 201 83	#D6C953
66.7%	66.7% #E3D15A	RGB 227 209 90	#E3D15A
83.3%	83.3% #F1D962	RGB 241 217 98	#F1D962
100.0%	100.0% #FFE16B	RGB 255 225 107	#FFE16B

#ACAD3E #BAB744 #C8C04B #D6C953 #E3D15A #F1D962 #FFE16B

#ACAD3E - #D6C953 - #FFE16B

CSS codes

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

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