#DB3E14 - #8B1C0A | 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 #DB3E14 to #8B1C0A

#DB3E14 #8B1C0A

Calculate the color between two colors, #DB3E14 and #8B1C0A. 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)

#DB3E14 - #8B1C0A | 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 #DB3E14 as 0% and #8B1C0A as 100%.

0.0%	0.0% #DB3E14	RGB 219 62 20	#DB3E14
16.7%	16.7% #CD3812	RGB 205 56 18	#CD3812
33.3%	33.3% #C03210	RGB 192 50 16	#C03210
50.0%	50.0% #B32D0F	RGB 179 45 15	#B32D0F
66.7%	66.7% #A5270D	RGB 165 39 13	#A5270D
83.3%	83.3% #98210B	RGB 152 33 11	#98210B
100.0%	100.0% #8B1C0A	RGB 139 28 10	#8B1C0A

#DB3E14 #CD3812 #C03210 #B32D0F #A5270D #98210B #8B1C0A

#DB3E14 - #8B1C0A

HSV Blend

#DB3E14 - #8B1C0A | 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 #DB3E14 as 0% and #8B1C0A as 100%.

0.0%	0.0% #DB3E14	RGB 219 62 20	#DB3E14
16.7%	16.7% #CD3712	RGB 205 55 18	#CD3712
33.3%	33.3% #C03110	RGB 192 49 16	#C03110
50.0%	50.0% #B32B0E	RGB 179 43 14	#B32B0E
66.7%	66.7% #A5250C	RGB 165 37 12	#A5250C
83.3%	83.3% #98200B	RGB 152 32 11	#98200B
100.0%	100.0% #8B1C0A	RGB 139 28 10	#8B1C0A

#DB3E14 #CD3712 #C03110 #B32B0E #A5250C #98200B #8B1C0A

#DB3E14 - #B32B0E - #8B1C0A

CSS codes

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

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