#ABAC2B - #FFDF5B | 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 #ABAC2B to #FFDF5B

#ABAC2B #FFDF5B

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

#ABAC2B - #FFDF5B | 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 #ABAC2B as 0% and #FFDF5B as 100%.

0.0%	0.0% #ABAC2B	RGB 171 172 43	#ABAC2B
16.7%	16.7% #B9B433	RGB 185 180 51	#B9B433
33.3%	33.3% #C7BD3B	RGB 199 189 59	#C7BD3B
50.0%	50.0% #D5C543	RGB 213 197 67	#D5C543
66.7%	66.7% #E3CE4B	RGB 227 206 75	#E3CE4B
83.3%	83.3% #F1D653	RGB 241 214 83	#F1D653
100.0%	100.0% #FFDF5B	RGB 255 223 91	#FFDF5B

#ABAC2B #B9B433 #C7BD3B #D5C543 #E3CE4B #F1D653 #FFDF5B

#ABAC2B - #FFDF5B

HSV Blend

#ABAC2B - #FFDF5B | 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 #ABAC2B as 0% and #FFDF5B as 100%.

0.0%	0.0% #ABAC2B	RGB 171 172 43	#ABAC2B
16.7%	16.7% #B9B631	RGB 185 182 49	#B9B631
33.3%	33.3% #C7BF39	RGB 199 191 57	#C7BF39
50.0%	50.0% #D5C740	RGB 213 199 64	#D5C740
66.7%	66.7% #E3CF49	RGB 227 207 73	#E3CF49
83.3%	83.3% #F1D751	RGB 241 215 81	#F1D751
100.0%	100.0% #FFDF5B	RGB 255 223 91	#FFDF5B

#ABAC2B #B9B631 #C7BF39 #D5C740 #E3CF49 #F1D751 #FFDF5B

#ABAC2B - #D5C740 - #FFDF5B

CSS codes

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

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