#DC2612 - #3E0804 | 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 #DC2612 to #3E0804

#DC2612 #3E0804

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

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

0.0%	0.0% #DC2612	RGB 220 38 18	#DC2612
16.7%	16.7% #C1210F	RGB 193 33 15	#C1210F
33.3%	33.3% #A71C0D	RGB 167 28 13	#A71C0D
50.0%	50.0% #8D170B	RGB 141 23 11	#8D170B
66.7%	66.7% #721208	RGB 114 18 8	#721208
83.3%	83.3% #580D06	RGB 88 13 6	#580D06
100.0%	100.0% #3E0804	RGB 62 8 4	#3E0804

#DC2612 #C1210F #A71C0D #8D170B #721208 #580D06 #3E0804

#DC2612 - #3E0804

HSV Blend

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

0.0%	0.0% #DC2511	RGB 220 37 17	#DC2511
16.7%	16.7% #C1200F	RGB 193 32 15	#C1200F
33.3%	33.3% #A71A0C	RGB 167 26 12	#A71A0C
50.0%	50.0% #8D150A	RGB 141 21 10	#8D150A
66.7%	66.7% #721008	RGB 114 16 8	#721008
83.3%	83.3% #580C05	RGB 88 12 5	#580C05
100.0%	100.0% #3E0804	RGB 62 8 4	#3E0804

#DC2511 #C1200F #A71A0C #8D150A #721008 #580C05 #3E0804

#DC2612 - #8D150A - #3E0804

CSS codes

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

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