#D6726F - #8C0D0A | 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 #D6726F to #8C0D0A

#D6726F #8C0D0A

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

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

0.0%	0.0% #D6726F	RGB 214 114 111	#D6726F
16.7%	16.7% #C9615E	RGB 201 97 94	#C9615E
33.3%	33.3% #BD504D	RGB 189 80 77	#BD504D
50.0%	50.0% #B13F3C	RGB 177 63 60	#B13F3C
66.7%	66.7% #A42E2B	RGB 164 46 43	#A42E2B
83.3%	83.3% #981D1A	RGB 152 29 26	#981D1A
100.0%	100.0% #8C0D0A	RGB 140 13 10	#8C0D0A

#D6726F #C9615E #BD504D #B13F3C #A42E2B #981D1A #8C0D0A

#D6726F - #8C0D0A

HSV Blend

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

0.0%	0.0% #D6726F	RGB 214 114 111	#D6726F
16.7%	16.7% #C95C59	RGB 201 92 89	#C95C59
33.3%	33.3% #BD4945	RGB 189 73 69	#BD4945
50.0%	50.0% #B13734	RGB 177 55 52	#B13734
66.7%	66.7% #A42724	RGB 164 39 36	#A42724
83.3%	83.3% #981916	RGB 152 25 22	#981916
100.0%	100.0% #8C0D0A	RGB 140 13 10	#8C0D0A

#D6726F #C95C59 #BD4945 #B13734 #A42724 #981916 #8C0D0A

#D6726F - #B13734 - #8C0D0A

CSS codes

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

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