#DA5D3C - #A1250E | 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 #DA5D3C to #A1250E

#DA5D3C #A1250E

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

#DA5D3C - #A1250E | 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 #DA5D3C as 0% and #A1250E as 100%.

0.0%	0.0% #DA5D3C	RGB 218 93 60	#DA5D3C
16.7%	16.7% #D05334	RGB 208 83 52	#D05334
33.3%	33.3% #C74A2C	RGB 199 74 44	#C74A2C
50.0%	50.0% #BD4125	RGB 189 65 37	#BD4125
66.7%	66.7% #B4371D	RGB 180 55 29	#B4371D
83.3%	83.3% #AA2E15	RGB 170 46 21	#AA2E15
100.0%	100.0% #A1250E	RGB 161 37 14	#A1250E

#DA5D3C #D05334 #C74A2C #BD4125 #B4371D #AA2E15 #A1250E

#DA5D3C - #A1250E

HSV Blend

#DA5D3C - #A1250E | 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 #DA5D3C as 0% and #A1250E as 100%.

0.0%	0.0% #DA5D3C	RGB 218 93 60	#DA5D3C
16.7%	16.7% #D05232	RGB 208 82 50	#D05232
33.3%	33.3% #C7482A	RGB 199 72 42	#C7482A
50.0%	50.0% #BD3E22	RGB 189 62 34	#BD3E22
66.7%	66.7% #B4351A	RGB 180 53 26	#B4351A
83.3%	83.3% #AA2D14	RGB 170 45 20	#AA2D14
100.0%	100.0% #A1250E	RGB 161 37 14	#A1250E

#DA5D3C #D05232 #C7482A #BD3E22 #B4351A #AA2D14 #A1250E

#DA5D3C - #BD3E22 - #A1250E

CSS codes

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

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