#DC6211 - #3E1904 | 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 #DC6211 to #3E1904

#DC6211 #3E1904

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

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

0.0%	0.0% #DC6211	RGB 220 98 17	#DC6211
16.7%	16.7% #C1550E	RGB 193 85 14	#C1550E
33.3%	33.3% #A7490C	RGB 167 73 12	#A7490C
50.0%	50.0% #8D3D0A	RGB 141 61 10	#8D3D0A
66.7%	66.7% #723108	RGB 114 49 8	#723108
83.3%	83.3% #582506	RGB 88 37 6	#582506
100.0%	100.0% #3E1904	RGB 62 25 4	#3E1904

#DC6211 #C1550E #A7490C #8D3D0A #723108 #582506 #3E1904

#DC6211 - #3E1904

HSV Blend

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

0.0%	0.0% #DC6210	RGB 220 98 16	#DC6210
16.7%	16.7% #C1540E	RGB 193 84 14	#C1540E
33.3%	33.3% #A7480C	RGB 167 72 12	#A7480C
50.0%	50.0% #8D3B09	RGB 141 59 9	#8D3B09
66.7%	66.7% #722F07	RGB 114 47 7	#722F07
83.3%	83.3% #582405	RGB 88 36 5	#582405
100.0%	100.0% #3E1904	RGB 62 25 4	#3E1904

#DC6210 #C1540E #A7480C #8D3B09 #722F07 #582405 #3E1904

#DC6211 - #8D3B09 - #3E1904

CSS codes

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

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