#3E341C - #372D03 | 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 #3E341C to #372D03

#3E341C #372D03

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

#3E341C - #372D03 | 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 #3E341C as 0% and #372D03 as 100%.

0.0%	0.0% #3E341C	RGB 62 52 28	#3E341C
16.7%	16.7% #3C3217	RGB 60 50 23	#3C3217
33.3%	33.3% #3B3113	RGB 59 49 19	#3B3113
50.0%	50.0% #3A300F	RGB 58 48 15	#3A300F
66.7%	66.7% #392F0B	RGB 57 47 11	#392F0B
83.3%	83.3% #382E07	RGB 56 46 7	#382E07
100.0%	100.0% #372D03	RGB 55 45 3	#372D03

#3E341C #3C3217 #3B3113 #3A300F #392F0B #382E07 #372D03

#3E341C - #372D03

HSV Blend

#3E341C - #372D03 | 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 #3E341C as 0% and #372D03 as 100%.

0.0%	0.0% #3E341C	RGB 62 52 28	#3E341C
16.7%	16.7% #3C3217	RGB 60 50 23	#3C3217
33.3%	33.3% #3B3113	RGB 59 49 19	#3B3113
50.0%	50.0% #3A2F0E	RGB 58 47 14	#3A2F0E
66.7%	66.7% #392E0A	RGB 57 46 10	#392E0A
83.3%	83.3% #382D06	RGB 56 45 6	#382D06
100.0%	100.0% #372D03	RGB 55 45 3	#372D03

#3E341C #3C3217 #3B3113 #3A2F0E #392E0A #382D06 #372D03

#3E341C - #3A2F0E - #372D03

CSS codes

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

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