#ABA75B - #FFDA78 | 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 #ABA75B to #FFDA78

#ABA75B #FFDA78

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

#ABA75B - #FFDA78 | 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 #ABA75B as 0% and #FFDA78 as 100%.

0.0%	0.0% #ABA75B	RGB 171 167 91	#ABA75B
16.7%	16.7% #B9AF5F	RGB 185 175 95	#B9AF5F
33.3%	33.3% #C7B864	RGB 199 184 100	#C7B864
50.0%	50.0% #D5C069	RGB 213 192 105	#D5C069
66.7%	66.7% #E3C96E	RGB 227 201 110	#E3C96E
83.3%	83.3% #F1D173	RGB 241 209 115	#F1D173
100.0%	100.0% #FFDA78	RGB 255 218 120	#FFDA78

#ABA75B #B9AF5F #C7B864 #D5C069 #E3C96E #F1D173 #FFDA78

#ABA75B - #FFDA78

HSV Blend

#ABA75B - #FFDA78 | 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 #ABA75B as 0% and #FFDA78 as 100%.

0.0%	0.0% #ABA75B	RGB 171 167 91	#ABA75B
16.7%	16.7% #B9B160	RGB 185 177 96	#B9B160
33.3%	33.3% #C7BA65	RGB 199 186 101	#C7BA65
50.0%	50.0% #D5C36A	RGB 213 195 106	#D5C36A
66.7%	66.7% #E3CB6F	RGB 227 203 111	#E3CB6F
83.3%	83.3% #F1D373	RGB 241 211 115	#F1D373
100.0%	100.0% #FFDA78	RGB 255 218 120	#FFDA78

#ABA75B #B9B160 #C7BA65 #D5C36A #E3CB6F #F1D373 #FFDA78

#ABA75B - #D5C36A - #FFDA78

CSS codes

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

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