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

#A1AD3E #FFE16B

Calculate the color between two colors, #A1AD3E 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)

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

0.0%	0.0% #A1AD3E	RGB 161 173 62	#A1AD3E
16.7%	16.7% #B0B545	RGB 176 181 69	#B0B545
33.3%	33.3% #C0BE4D	RGB 192 190 77	#C0BE4D
50.0%	50.0% #D0C754	RGB 208 199 84	#D0C754
66.7%	66.7% #DFCF5C	RGB 223 207 92	#DFCF5C
83.3%	83.3% #EFD863	RGB 239 216 99	#EFD863
100.0%	100.0% #FFE16B	RGB 255 225 107	#FFE16B

#A1AD3E #B0B545 #C0BE4D #D0C754 #DFCF5C #EFD863 #FFE16B

#A1AD3E - #FFE16B

HSV Blend

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

0.0%	0.0% #A1AD3E	RGB 161 173 62	#A1AD3E
16.7%	16.7% #B4BA44	RGB 180 186 68	#B4BA44
33.3%	33.3% #C7C84B	RGB 199 200 75	#C7C84B
50.0%	50.0% #D6CF53	RGB 214 207 83	#D6CF53
66.7%	66.7% #E3D65A	RGB 227 214 90	#E3D65A
83.3%	83.3% #F1DB62	RGB 241 219 98	#F1DB62
100.0%	100.0% #FFE16B	RGB 255 225 107	#FFE16B

#A1AD3E #B4BA44 #C7C84B #D6CF53 #E3D65A #F1DB62 #FFE16B

#A1AD3E - #D6CF53 - #FFE16B

CSS codes

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

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