#DB715B - #3E2019 | 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 #DB715B to #3E2019

#DB715B #3E2019

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

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

0.0%	0.0% #DB715B	RGB 219 113 91	#DB715B
16.7%	16.7% #C06350	RGB 192 99 80	#C06350
33.3%	33.3% #A65645	RGB 166 86 69	#A65645
50.0%	50.0% #8C483A	RGB 140 72 58	#8C483A
66.7%	66.7% #723B2F	RGB 114 59 47	#723B2F
83.3%	83.3% #582D24	RGB 88 45 36	#582D24
100.0%	100.0% #3E2019	RGB 62 32 25	#3E2019

#DB715B #C06350 #A65645 #8C483A #723B2F #582D24 #3E2019

#DB715B - #3E2019

HSV Blend

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

0.0%	0.0% #DB715B	RGB 219 113 91	#DB715B
16.7%	16.7% #C0634F	RGB 192 99 79	#C0634F
33.3%	33.3% #A65544	RGB 166 85 68	#A65544
50.0%	50.0% #8C4839	RGB 140 72 57	#8C4839
66.7%	66.7% #723A2E	RGB 114 58 46	#723A2E
83.3%	83.3% #582D23	RGB 88 45 35	#582D23
100.0%	100.0% #3E2019	RGB 62 32 25	#3E2019

#DB715B #C0634F #A65544 #8C4839 #723A2E #582D23 #3E2019

#DB715B - #8C4839 - #3E2019

CSS codes

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

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