#3E3C20 - #2F2203 | 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 #3E3C20 to #2F2203

#3E3C20 #2F2203

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

#3E3C20 - #2F2203 | 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 #3E3C20 as 0% and #2F2203 as 100%.

0.0%	0.0% #3E3C20	RGB 62 60 32	#3E3C20
16.7%	16.7% #3B371B	RGB 59 55 27	#3B371B
33.3%	33.3% #393316	RGB 57 51 22	#393316
50.0%	50.0% #362F11	RGB 54 47 17	#362F11
66.7%	66.7% #342A0C	RGB 52 42 12	#342A0C
83.3%	83.3% #312607	RGB 49 38 7	#312607
100.0%	100.0% #2F2203	RGB 47 34 3	#2F2203

#3E3C20 #3B371B #393316 #362F11 #342A0C #312607 #2F2203

#3E3C20 - #2F2203

HSV Blend

#3E3C20 - #2F2203 | 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 #3E3C20 as 0% and #2F2203 as 100%.

0.0%	0.0% #3E3C20	RGB 62 60 32	#3E3C20
16.7%	16.7% #3B381A	RGB 59 56 26	#3B381A
33.3%	33.3% #393314	RGB 57 51 20	#393314
50.0%	50.0% #362F0F	RGB 54 47 15	#362F0F
66.7%	66.7% #342B0B	RGB 52 43 11	#342B0B
83.3%	83.3% #312606	RGB 49 38 6	#312606
100.0%	100.0% #2F2203	RGB 47 34 3	#2F2203

#3E3C20 #3B381A #393314 #362F0F #342B0B #312606 #2F2203

#3E3C20 - #362F0F - #2F2203

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3C20 0%, #362F0F 50%, #2F2203 100%);
    background: -webkit-linear-gradient(top, #3E3C20 0%, #362F0F 50%, #2F2203 100%);
    background: linear-gradient(to bottom, #3E3C20 0%, #362F0F 50%, #2F2203 100%);
}
</style>