#DB3630 - #AF0300 | 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 #DB3630 to #AF0300

#DB3630 #AF0300

Calculate the color between two colors, #DB3630 and #AF0300. 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)

#DB3630 - #AF0300 | 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 #DB3630 as 0% and #AF0300 as 100%.

0.0%	0.0% #DB3630	RGB 219 54 48	#DB3630
16.7%	16.7% #D32D28	RGB 211 45 40	#D32D28
33.3%	33.3% #CC2520	RGB 204 37 32	#CC2520
50.0%	50.0% #C51C18	RGB 197 28 24	#C51C18
66.7%	66.7% #BD1410	RGB 189 20 16	#BD1410
83.3%	83.3% #B60B08	RGB 182 11 8	#B60B08
100.0%	100.0% #AF0300	RGB 175 3 0	#AF0300

#DB3630 #D32D28 #CC2520 #C51C18 #BD1410 #B60B08 #AF0300

#DB3630 - #AF0300

HSV Blend

#DB3630 - #AF0300 | 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 #DB3630 as 0% and #AF0300 as 100%.

0.0%	0.0% #DB3630	RGB 219 54 48	#DB3630
16.7%	16.7% #D32C26	RGB 211 44 38	#D32C26
33.3%	33.3% #CC221D	RGB 204 34 29	#CC221D
50.0%	50.0% #C51A15	RGB 197 26 21	#C51A15
66.7%	66.7% #BD110D	RGB 189 17 13	#BD110D
83.3%	83.3% #B60A06	RGB 182 10 6	#B60A06
100.0%	100.0% #AF0300	RGB 175 3 0	#AF0300

#DB3630 #D32C26 #CC221D #C51A15 #BD110D #B60A06 #AF0300

#DB3630 - #C51A15 - #AF0300

CSS codes

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

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