#DB4B2D - #3E150C | 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 #DB4B2D to #3E150C

#DB4B2D #3E150C

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

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

0.0%	0.0% #DB4B2D	RGB 219 75 45	#DB4B2D
16.7%	16.7% #C04227	RGB 192 66 39	#C04227
33.3%	33.3% #A63922	RGB 166 57 34	#A63922
50.0%	50.0% #8C301C	RGB 140 48 28	#8C301C
66.7%	66.7% #722717	RGB 114 39 23	#722717
83.3%	83.3% #581E11	RGB 88 30 17	#581E11
100.0%	100.0% #3E150C	RGB 62 21 12	#3E150C

#DB4B2D #C04227 #A63922 #8C301C #722717 #581E11 #3E150C

#DB4B2D - #3E150C

HSV Blend

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

0.0%	0.0% #DB4B2D	RGB 219 75 45	#DB4B2D
16.7%	16.7% #C04127	RGB 192 65 39	#C04127
33.3%	33.3% #A63821	RGB 166 56 33	#A63821
50.0%	50.0% #8C2F1C	RGB 140 47 28	#8C2F1C
66.7%	66.7% #722616	RGB 114 38 22	#722616
83.3%	83.3% #581D11	RGB 88 29 17	#581D11
100.0%	100.0% #3E150C	RGB 62 21 12	#3E150C

#DB4B2D #C04127 #A63821 #8C2F1C #722616 #581D11 #3E150C

#DB4B2D - #8C2F1C - #3E150C

CSS codes

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

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