#DD5D3E - #B11B0E | 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 #DD5D3E to #B11B0E

#DD5D3E #B11B0E

Calculate the color between two colors, #DD5D3E and #B11B0E. 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)

#DD5D3E - #B11B0E | 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 #DD5D3E as 0% and #B11B0E as 100%.

0.0%	0.0% #DD5D3E	RGB 221 93 62	#DD5D3E
16.7%	16.7% #D55236	RGB 213 82 54	#D55236
33.3%	33.3% #CE472E	RGB 206 71 46	#CE472E
50.0%	50.0% #C73C26	RGB 199 60 38	#C73C26
66.7%	66.7% #BF311E	RGB 191 49 30	#BF311E
83.3%	83.3% #B82616	RGB 184 38 22	#B82616
100.0%	100.0% #B11B0E	RGB 177 27 14	#B11B0E

#DD5D3E #D55236 #CE472E #C73C26 #BF311E #B82616 #B11B0E

#DD5D3E - #B11B0E

HSV Blend

#DD5D3E - #B11B0E | 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 #DD5D3E as 0% and #B11B0E as 100%.

0.0%	0.0% #DD5D3E	RGB 221 93 62	#DD5D3E
16.7%	16.7% #D55134	RGB 213 81 52	#D55134
33.3%	33.3% #CE452C	RGB 206 69 44	#CE452C
50.0%	50.0% #C73A23	RGB 199 58 35	#C73A23
66.7%	66.7% #BF2F1C	RGB 191 47 28	#BF2F1C
83.3%	83.3% #B82414	RGB 184 36 20	#B82414
100.0%	100.0% #B11B0E	RGB 177 27 14	#B11B0E

#DD5D3E #D55134 #CE452C #C73A23 #BF2F1C #B82414 #B11B0E

#DD5D3E - #C73A23 - #B11B0E

CSS codes

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

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