#ABAC2B - #FFE05B | 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 #FFE05B

#ABAC2B #FFE05B

Calculate the color between two colors, #ABAC2B and #FFE05B. 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 - #FFE05B | 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 #FFE05B 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% #D5C643	RGB 213 198 67	#D5C643
66.7%	66.7% #E3CE4B	RGB 227 206 75	#E3CE4B
83.3%	83.3% #F1D753	RGB 241 215 83	#F1D753
100.0%	100.0% #FFE05B	RGB 255 224 91	#FFE05B

#ABAC2B #B9B433 #C7BD3B #D5C643 #E3CE4B #F1D753 #FFE05B

#ABAC2B - #FFE05B

HSV Blend

#ABAC2B - #FFE05B | 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 #FFE05B 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% #D5C840	RGB 213 200 64	#D5C840
66.7%	66.7% #E3D049	RGB 227 208 73	#E3D049
83.3%	83.3% #F1D851	RGB 241 216 81	#F1D851
100.0%	100.0% #FFE05B	RGB 255 224 91	#FFE05B

#ABAC2B #B9B631 #C7BF39 #D5C840 #E3D049 #F1D851 #FFE05B

#ABAC2B - #D5C840 - #FFE05B

CSS codes

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

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