#3E2C3A - #A6B05E | 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 #3E2C3A to #A6B05E

#3E2C3A #A6B05E

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

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

0.0%	0.0% #3E2C3A	RGB 62 44 58	#3E2C3A
16.7%	16.7% #4F4240	RGB 79 66 64	#4F4240
33.3%	33.3% #605846	RGB 96 88 70	#605846
50.0%	50.0% #726E4C	RGB 114 110 76	#726E4C
66.7%	66.7% #838452	RGB 131 132 82	#838452
83.3%	83.3% #949A58	RGB 148 154 88	#949A58
100.0%	100.0% #A6B05E	RGB 166 176 94	#A6B05E

#3E2C3A #4F4240 #605846 #726E4C #838452 #949A58 #A6B05E

#3E2C3A - #A6B05E

HSV Blend

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

0.0%	0.0% #3E2C3A	RGB 62 44 58	#3E2C3A
16.7%	16.7% #513743	RGB 81 55 67	#513743
33.3%	33.3% #644146	RGB 100 65 70	#644146
50.0%	50.0% #77514A	RGB 119 81 74	#77514A
66.7%	66.7% #8A6D51	RGB 138 109 81	#8A6D51
83.3%	83.3% #9D8F58	RGB 157 143 88	#9D8F58
100.0%	100.0% #A6B05E	RGB 166 176 94	#A6B05E

#3E2C3A #513743 #644146 #77514A #8A6D51 #9D8F58 #A6B05E

#3E2C3A - #77514A - #A6B05E

CSS codes

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

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