#DB7A3E - #3E2211 | 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 #DB7A3E to #3E2211

#DB7A3E #3E2211

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

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

0.0%	0.0% #DB7A3E	RGB 219 122 62	#DB7A3E
16.7%	16.7% #C06B36	RGB 192 107 54	#C06B36
33.3%	33.3% #A65C2F	RGB 166 92 47	#A65C2F
50.0%	50.0% #8C4E27	RGB 140 78 39	#8C4E27
66.7%	66.7% #723F20	RGB 114 63 32	#723F20
83.3%	83.3% #583018	RGB 88 48 24	#583018
100.0%	100.0% #3E2211	RGB 62 34 17	#3E2211

#DB7A3E #C06B36 #A65C2F #8C4E27 #723F20 #583018 #3E2211

#DB7A3E - #3E2211

HSV Blend

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

0.0%	0.0% #DB7A3E	RGB 219 122 62	#DB7A3E
16.7%	16.7% #C06B36	RGB 192 107 54	#C06B36
33.3%	33.3% #A65C2E	RGB 166 92 46	#A65C2E
50.0%	50.0% #8C4D27	RGB 140 77 39	#8C4D27
66.7%	66.7% #723F1F	RGB 114 63 31	#723F1F
83.3%	83.3% #583018	RGB 88 48 24	#583018
100.0%	100.0% #3E2211	RGB 62 34 17	#3E2211

#DB7A3E #C06B36 #A65C2E #8C4D27 #723F1F #583018 #3E2211

#DB7A3E - #8C4D27 - #3E2211

CSS codes

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

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