#D37632 - #3C210E | 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 #D37632 to #3C210E

#D37632 #3C210E

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

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

0.0%	0.0% #D37632	RGB 211 118 50	#D37632
16.7%	16.7% #B9672C	RGB 185 103 44	#B9672C
33.3%	33.3% #A05926	RGB 160 89 38	#A05926
50.0%	50.0% #874B20	RGB 135 75 32	#874B20
66.7%	66.7% #6E3D1A	RGB 110 61 26	#6E3D1A
83.3%	83.3% #552F14	RGB 85 47 20	#552F14
100.0%	100.0% #3C210E	RGB 60 33 14	#3C210E

#D37632 #B9672C #A05926 #874B20 #6E3D1A #552F14 #3C210E

#D37632 - #3C210E

HSV Blend

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

0.0%	0.0% #D37632	RGB 211 118 50	#D37632
16.7%	16.7% #B9672B	RGB 185 103 43	#B9672B
33.3%	33.3% #A05925	RGB 160 89 37	#A05925
50.0%	50.0% #874B1F	RGB 135 75 31	#874B1F
66.7%	66.7% #6E3D19	RGB 110 61 25	#6E3D19
83.3%	83.3% #552E13	RGB 85 46 19	#552E13
100.0%	100.0% #3C210E	RGB 60 33 14	#3C210E

#D37632 #B9672B #A05925 #874B1F #6E3D19 #552E13 #3C210E

#D37632 - #874B1F - #3C210E

CSS codes

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

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