#DC8951 - #3E2717 | 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 #DC8951 to #3E2717

#DC8951 #3E2717

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

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

0.0%	0.0% #DC8951	RGB 220 137 81	#DC8951
16.7%	16.7% #C17847	RGB 193 120 71	#C17847
33.3%	33.3% #A7683D	RGB 167 104 61	#A7683D
50.0%	50.0% #8D5834	RGB 141 88 52	#8D5834
66.7%	66.7% #72472A	RGB 114 71 42	#72472A
83.3%	83.3% #583720	RGB 88 55 32	#583720
100.0%	100.0% #3E2717	RGB 62 39 23	#3E2717

#DC8951 #C17847 #A7683D #8D5834 #72472A #583720 #3E2717

#DC8951 - #3E2717

HSV Blend

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

0.0%	0.0% #DC8951	RGB 220 137 81	#DC8951
16.7%	16.7% #C17847	RGB 193 120 71	#C17847
33.3%	33.3% #A7683D	RGB 167 104 61	#A7683D
50.0%	50.0% #8D5834	RGB 141 88 52	#8D5834
66.7%	66.7% #72472A	RGB 114 71 42	#72472A
83.3%	83.3% #583720	RGB 88 55 32	#583720
100.0%	100.0% #3E2717	RGB 62 39 23	#3E2717

#DC8951 #C17847 #A7683D #8D5834 #72472A #583720 #3E2717

#DC8951 - #8D5834 - #3E2717

CSS codes

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

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