#DB192C - #3E070C | 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 #DB192C to #3E070C

#DB192C #3E070C

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

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

0.0%	0.0% #DB192C	RGB 219 25 44	#DB192C
16.7%	16.7% #C01626	RGB 192 22 38	#C01626
33.3%	33.3% #A61321	RGB 166 19 33	#A61321
50.0%	50.0% #8C101C	RGB 140 16 28	#8C101C
66.7%	66.7% #720D16	RGB 114 13 22	#720D16
83.3%	83.3% #580A11	RGB 88 10 17	#580A11
100.0%	100.0% #3E070C	RGB 62 7 12	#3E070C

#DB192C #C01626 #A61321 #8C101C #720D16 #580A11 #3E070C

#DB192C - #3E070C

HSV Blend

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

0.0%	0.0% #DB182C	RGB 219 24 44	#DB182C
16.7%	16.7% #C01526	RGB 192 21 38	#C01526
33.3%	33.3% #A61221	RGB 166 18 33	#A61221
50.0%	50.0% #8C0F1B	RGB 140 15 27	#8C0F1B
66.7%	66.7% #720C16	RGB 114 12 22	#720C16
83.3%	83.3% #580911	RGB 88 9 17	#580911
100.0%	100.0% #3E070C	RGB 62 7 12	#3E070C

#DB182C #C01526 #A61221 #8C0F1B #720C16 #580911 #3E070C

#DB192C - #8C0F1B - #3E070C

CSS codes

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

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