#DB182B - #3E060C | 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 #DB182B to #3E060C

#DB182B #3E060C

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

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

0.0%	0.0% #DB182B	RGB 219 24 43	#DB182B
16.7%	16.7% #C01525	RGB 192 21 37	#C01525
33.3%	33.3% #A61220	RGB 166 18 32	#A61220
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% #3E060C	RGB 62 6 12	#3E060C

#DB182B #C01525 #A61220 #8C0F1B #720C16 #580911 #3E060C

#DB182B - #3E060C

HSV Blend

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

0.0%	0.0% #DB182A	RGB 219 24 42	#DB182A
16.7%	16.7% #C01425	RGB 192 20 37	#C01425
33.3%	33.3% #A61120	RGB 166 17 32	#A61120
50.0%	50.0% #8C0E1B	RGB 140 14 27	#8C0E1B
66.7%	66.7% #720B16	RGB 114 11 22	#720B16
83.3%	83.3% #580811	RGB 88 8 17	#580811
100.0%	100.0% #3E060C	RGB 62 6 12	#3E060C

#DB182A #C01425 #A61120 #8C0E1B #720B16 #580811 #3E060C

#DB182B - #8C0E1B - #3E060C

CSS codes

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

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