#5E3400 - #AC7510 | 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 #5E3400 to #AC7510

#5E3400 #AC7510

Calculate the color between two colors, #5E3400 and #AC7510. 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)

#5E3400 - #AC7510 | 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 #5E3400 as 0% and #AC7510 as 100%.

0.0%	0.0% #5E3400	RGB 94 52 0	#5E3400
16.7%	16.7% #6B3E02	RGB 107 62 2	#6B3E02
33.3%	33.3% #784905	RGB 120 73 5	#784905
50.0%	50.0% #855408	RGB 133 84 8	#855408
66.7%	66.7% #925F0A	RGB 146 95 10	#925F0A
83.3%	83.3% #9F6A0D	RGB 159 106 13	#9F6A0D
100.0%	100.0% #AC7510	RGB 172 117 16	#AC7510

#5E3400 #6B3E02 #784905 #855408 #925F0A #9F6A0D #AC7510

#5E3400 - #AC7510

HSV Blend

#5E3400 - #AC7510 | 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 #5E3400 as 0% and #AC7510 as 100%.

0.0%	0.0% #5E3400	RGB 94 52 0	#5E3400
16.7%	16.7% #6B3D01	RGB 107 61 1	#6B3D01
33.3%	33.3% #784703	RGB 120 71 3	#784703
50.0%	50.0% #855206	RGB 133 82 6	#855206
66.7%	66.7% #925D09	RGB 146 93 9	#925D09
83.3%	83.3% #9F680C	RGB 159 104 12	#9F680C
100.0%	100.0% #AC7510	RGB 172 117 16	#AC7510

#5E3400 #6B3D01 #784703 #855206 #925D09 #9F680C #AC7510

#5E3400 - #855206 - #AC7510

CSS codes

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

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