#3E3E1D - #AB813F | 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 #3E3E1D to #AB813F

#3E3E1D #AB813F

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

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

0.0%	0.0% #3E3E1D	RGB 62 62 29	#3E3E1D
16.7%	16.7% #504922	RGB 80 73 34	#504922
33.3%	33.3% #625428	RGB 98 84 40	#625428
50.0%	50.0% #745F2E	RGB 116 95 46	#745F2E
66.7%	66.7% #866A33	RGB 134 106 51	#866A33
83.3%	83.3% #987539	RGB 152 117 57	#987539
100.0%	100.0% #AB813F	RGB 171 129 63	#AB813F

#3E3E1D #504922 #625428 #745F2E #866A33 #987539 #AB813F

#3E3E1D - #AB813F

HSV Blend

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

0.0%	0.0% #3E3E1D	RGB 62 62 29	#3E3E1D
16.7%	16.7% #504D24	RGB 80 77 36	#504D24
33.3%	33.3% #625B2A	RGB 98 91 42	#625B2A
50.0%	50.0% #746730	RGB 116 103 48	#746730
66.7%	66.7% #867136	RGB 134 113 54	#867136
83.3%	83.3% #987A3A	RGB 152 122 58	#987A3A
100.0%	100.0% #AB813F	RGB 171 129 63	#AB813F

#3E3E1D #504D24 #625B2A #746730 #867136 #987A3A #AB813F

#3E3E1D - #746730 - #AB813F

CSS codes

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

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