#DD726A - #3F201E | 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 #DD726A to #3F201E

#DD726A #3F201E

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

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

0.0%	0.0% #DD726A	RGB 221 114 106	#DD726A
16.7%	16.7% #C2645D	RGB 194 100 93	#C2645D
33.3%	33.3% #A85650	RGB 168 86 80	#A85650
50.0%	50.0% #8E4944	RGB 142 73 68	#8E4944
66.7%	66.7% #733B37	RGB 115 59 55	#733B37
83.3%	83.3% #592D2A	RGB 89 45 42	#592D2A
100.0%	100.0% #3F201E	RGB 63 32 30	#3F201E

#DD726A #C2645D #A85650 #8E4944 #733B37 #592D2A #3F201E

#DD726A - #3F201E

HSV Blend

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

0.0%	0.0% #DD726A	RGB 221 114 106	#DD726A
16.7%	16.7% #C2645D	RGB 194 100 93	#C2645D
33.3%	33.3% #A85650	RGB 168 86 80	#A85650
50.0%	50.0% #8E4843	RGB 142 72 67	#8E4843
66.7%	66.7% #733B37	RGB 115 59 55	#733B37
83.3%	83.3% #592D2A	RGB 89 45 42	#592D2A
100.0%	100.0% #3F201E	RGB 63 32 30	#3F201E

#DD726A #C2645D #A85650 #8E4843 #733B37 #592D2A #3F201E

#DD726A - #8E4843 - #3F201E

CSS codes

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

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