#AB9F4D - #FFD56B | 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 #AB9F4D to #FFD56B

#AB9F4D #FFD56B

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

#AB9F4D - #FFD56B | 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 #AB9F4D as 0% and #FFD56B as 100%.

0.0%	0.0% #AB9F4D	RGB 171 159 77	#AB9F4D
16.7%	16.7% #B9A852	RGB 185 168 82	#B9A852
33.3%	33.3% #C7B157	RGB 199 177 87	#C7B157
50.0%	50.0% #D5BA5C	RGB 213 186 92	#D5BA5C
66.7%	66.7% #E3C361	RGB 227 195 97	#E3C361
83.3%	83.3% #F1CC66	RGB 241 204 102	#F1CC66
100.0%	100.0% #FFD56B	RGB 255 213 107	#FFD56B

#AB9F4D #B9A852 #C7B157 #D5BA5C #E3C361 #F1CC66 #FFD56B

#AB9F4D - #FFD56B

HSV Blend

#AB9F4D - #FFD56B | 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 #AB9F4D as 0% and #FFD56B as 100%.

0.0%	0.0% #AB9F4D	RGB 171 159 77	#AB9F4D
16.7%	16.7% #B9A952	RGB 185 169 82	#B9A952
33.3%	33.3% #C7B257	RGB 199 178 87	#C7B257
50.0%	50.0% #D5BC5C	RGB 213 188 92	#D5BC5C
66.7%	66.7% #E3C561	RGB 227 197 97	#E3C561
83.3%	83.3% #F1CD66	RGB 241 205 102	#F1CD66
100.0%	100.0% #FFD56B	RGB 255 213 107	#FFD56B

#AB9F4D #B9A952 #C7B257 #D5BC5C #E3C561 #F1CD66 #FFD56B

#AB9F4D - #D5BC5C - #FFD56B

CSS codes

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

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