#DB613C - #A4280E | 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 #DB613C to #A4280E

#DB613C #A4280E

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

#DB613C - #A4280E | 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 #DB613C as 0% and #A4280E as 100%.

0.0%	0.0% #DB613C	RGB 219 97 60	#DB613C
16.7%	16.7% #D15734	RGB 209 87 52	#D15734
33.3%	33.3% #C84E2C	RGB 200 78 44	#C84E2C
50.0%	50.0% #BF4425	RGB 191 68 37	#BF4425
66.7%	66.7% #B63B1D	RGB 182 59 29	#B63B1D
83.3%	83.3% #AD3115	RGB 173 49 21	#AD3115
100.0%	100.0% #A4280E	RGB 164 40 14	#A4280E

#DB613C #D15734 #C84E2C #BF4425 #B63B1D #AD3115 #A4280E

#DB613C - #A4280E

HSV Blend

#DB613C - #A4280E | 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 #DB613C as 0% and #A4280E as 100%.

0.0%	0.0% #DB613B	RGB 219 97 59	#DB613B
16.7%	16.7% #D15632	RGB 209 86 50	#D15632
33.3%	33.3% #C84C2A	RGB 200 76 42	#C84C2A
50.0%	50.0% #BF4222	RGB 191 66 34	#BF4222
66.7%	66.7% #B6391B	RGB 182 57 27	#B6391B
83.3%	83.3% #AD3014	RGB 173 48 20	#AD3014
100.0%	100.0% #A4280E	RGB 164 40 14	#A4280E

#DB613B #D15632 #C84C2A #BF4222 #B6391B #AD3014 #A4280E

#DB613C - #BF4222 - #A4280E

CSS codes

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

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