#3E3E01 - #AC7E1E | 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 #3E3E01 to #AC7E1E

#3E3E01 #AC7E1E

Calculate the color between two colors, #3E3E01 and #AC7E1E. 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)

#3E3E01 - #AC7E1E | 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 #3E3E01 as 0% and #AC7E1E as 100%.

0.0%	0.0% #3E3E01	RGB 62 62 1	#3E3E01
16.7%	16.7% #504805	RGB 80 72 5	#504805
33.3%	33.3% #62530A	RGB 98 83 10	#62530A
50.0%	50.0% #755E0F	RGB 117 94 15	#755E0F
66.7%	66.7% #876814	RGB 135 104 20	#876814
83.3%	83.3% #997319	RGB 153 115 25	#997319
100.0%	100.0% #AC7E1E	RGB 172 126 30	#AC7E1E

#3E3E01 #504805 #62530A #755E0F #876814 #997319 #AC7E1E

#3E3E01 - #AC7E1E

HSV Blend

#3E3E01 - #AC7E1E | 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 #3E3E01 as 0% and #AC7E1E as 100%.

0.0%	0.0% #3E3E00	RGB 62 62 0	#3E3E00
16.7%	16.7% #504C03	RGB 80 76 3	#504C03
33.3%	33.3% #625806	RGB 98 88 6	#625806
50.0%	50.0% #75630B	RGB 117 99 11	#75630B
66.7%	66.7% #876D10	RGB 135 109 16	#876D10
83.3%	83.3% #997616	RGB 153 118 22	#997616
100.0%	100.0% #AC7E1E	RGB 172 126 30	#AC7E1E

#3E3E00 #504C03 #625806 #75630B #876D10 #997616 #AC7E1E

#3E3E01 - #75630B - #AC7E1E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E00 0%, #75630B 50%, #AC7E1E 100%);
    background: -webkit-linear-gradient(top, #3E3E00 0%, #75630B 50%, #AC7E1E 100%);
    background: linear-gradient(to bottom, #3E3E00 0%, #75630B 50%, #AC7E1E 100%);
}
</style>