#AC7712 - #FFB528 | 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 #AC7712 to #FFB528

#AC7712 #FFB528

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

#AC7712 - #FFB528 | 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 #AC7712 as 0% and #FFB528 as 100%.

0.0%	0.0% #AC7712	RGB 172 119 18	#AC7712
16.7%	16.7% #B98115	RGB 185 129 21	#B98115
33.3%	33.3% #C78B19	RGB 199 139 25	#C78B19
50.0%	50.0% #D5961D	RGB 213 150 29	#D5961D
66.7%	66.7% #E3A020	RGB 227 160 32	#E3A020
83.3%	83.3% #F1AA24	RGB 241 170 36	#F1AA24
100.0%	100.0% #FFB528	RGB 255 181 40	#FFB528

#AC7712 #B98115 #C78B19 #D5961D #E3A020 #F1AA24 #FFB528

#AC7712 - #FFB528

HSV Blend

#AC7712 - #FFB528 | 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 #AC7712 as 0% and #FFB528 as 100%.

0.0%	0.0% #AC7711	RGB 172 119 17	#AC7711
16.7%	16.7% #B98115	RGB 185 129 21	#B98115
33.3%	33.3% #C78B18	RGB 199 139 24	#C78B18
50.0%	50.0% #D5951B	RGB 213 149 27	#D5951B
66.7%	66.7% #E3A01F	RGB 227 160 31	#E3A01F
83.3%	83.3% #F1AA23	RGB 241 170 35	#F1AA23
100.0%	100.0% #FFB528	RGB 255 181 40	#FFB528

#AC7711 #B98115 #C78B18 #D5951B #E3A01F #F1AA23 #FFB528

#AC7712 - #D5951B - #FFB528

CSS codes

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

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