#DA996C - #3E2A1E | 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 #DA996C to #3E2A1E

#DA996C #3E2A1E

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

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

0.0%	0.0% #DA996C	RGB 218 153 108	#DA996C
16.7%	16.7% #C0865F	RGB 192 134 95	#C0865F
33.3%	33.3% #A67452	RGB 166 116 82	#A67452
50.0%	50.0% #8C6145	RGB 140 97 69	#8C6145
66.7%	66.7% #724F38	RGB 114 79 56	#724F38
83.3%	83.3% #583C2B	RGB 88 60 43	#583C2B
100.0%	100.0% #3E2A1E	RGB 62 42 30	#3E2A1E

#DA996C #C0865F #A67452 #8C6145 #724F38 #583C2B #3E2A1E

#DA996C - #3E2A1E

HSV Blend

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

0.0%	0.0% #DA996C	RGB 218 153 108	#DA996C
16.7%	16.7% #C0855E	RGB 192 133 94	#C0855E
33.3%	33.3% #A67351	RGB 166 115 81	#A67351
50.0%	50.0% #8C6044	RGB 140 96 68	#8C6044
66.7%	66.7% #724E37	RGB 114 78 55	#724E37
83.3%	83.3% #583B2A	RGB 88 59 42	#583B2A
100.0%	100.0% #3E2A1E	RGB 62 42 30	#3E2A1E

#DA996C #C0855E #A67351 #8C6044 #724E37 #583B2A #3E2A1E

#DA996C - #8C6044 - #3E2A1E

CSS codes

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

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