#DB705E - #8D2217 | 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 #DB705E to #8D2217

#DB705E #8D2217

Calculate the color between two colors, #DB705E and #8D2217. 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)

#DB705E - #8D2217 | 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 #DB705E as 0% and #8D2217 as 100%.

0.0%	0.0% #DB705E	RGB 219 112 94	#DB705E
16.7%	16.7% #CE6352	RGB 206 99 82	#CE6352
33.3%	33.3% #C15646	RGB 193 86 70	#C15646
50.0%	50.0% #B4493A	RGB 180 73 58	#B4493A
66.7%	66.7% #A73C2E	RGB 167 60 46	#A73C2E
83.3%	83.3% #9A2F22	RGB 154 47 34	#9A2F22
100.0%	100.0% #8D2217	RGB 141 34 23	#8D2217

#DB705E #CE6352 #C15646 #B4493A #A73C2E #9A2F22 #8D2217

#DB705E - #8D2217

HSV Blend

#DB705E - #8D2217 | 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 #DB705E as 0% and #8D2217 as 100%.

0.0%	0.0% #DB705E	RGB 219 112 94	#DB705E
16.7%	16.7% #CE604F	RGB 206 96 79	#CE604F
33.3%	33.3% #C15141	RGB 193 81 65	#C15141
50.0%	50.0% #B44435	RGB 180 68 53	#B44435
66.7%	66.7% #A7372A	RGB 167 55 42	#A7372A
83.3%	83.3% #9A2C1F	RGB 154 44 31	#9A2C1F
100.0%	100.0% #8D2217	RGB 141 34 23	#8D2217

#DB705E #CE604F #C15141 #B44435 #A7372A #9A2C1F #8D2217

#DB705E - #B44435 - #8D2217

CSS codes

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

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