#DB2800 - #970A0D | 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 #DB2800 to #970A0D

#DB2800 #970A0D

Calculate the color between two colors, #DB2800 and #970A0D. 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)

#DB2800 - #970A0D | 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 #DB2800 as 0% and #970A0D as 100%.

0.0%	0.0% #DB2800	RGB 219 40 0	#DB2800
16.7%	16.7% #CF2302	RGB 207 35 2	#CF2302
33.3%	33.3% #C41E04	RGB 196 30 4	#C41E04
50.0%	50.0% #B91906	RGB 185 25 6	#B91906
66.7%	66.7% #AD1408	RGB 173 20 8	#AD1408
83.3%	83.3% #A20F0A	RGB 162 15 10	#A20F0A
100.0%	100.0% #970A0D	RGB 151 10 13	#970A0D

#DB2800 #CF2302 #C41E04 #B91906 #AD1408 #A20F0A #970A0D

#DB2800 - #970A0D

HSV Blend

#DB2800 - #970A0D | 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 #DB2800 as 0% and #970A0D as 100%.

0.0%	0.0% #DB2800	RGB 219 40 0	#DB2800
16.7%	16.7% #CF2002	RGB 207 32 2	#CF2002
33.3%	33.3% #C41A04	RGB 196 26 4	#C41A04
50.0%	50.0% #B91406	RGB 185 20 6	#B91406
66.7%	66.7% #AD0F07	RGB 173 15 7	#AD0F07
83.3%	83.3% #A20A08	RGB 162 10 8	#A20A08
100.0%	100.0% #970A0D	RGB 151 10 13	#970A0D

#DB2800 #CF2002 #C41A04 #B91406 #AD0F07 #A20A08 #970A0D

#DB2800 - #B91406 - #970A0D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DB2800 0%, #B91406 50%, #970A0D 100%);
    background: -webkit-linear-gradient(top, #DB2800 0%, #B91406 50%, #970A0D 100%);
    background: linear-gradient(to bottom, #DB2800 0%, #B91406 50%, #970A0D 100%);
}
</style>