#D51208 - #3C0502 | 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 #D51208 to #3C0502

#D51208 #3C0502

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

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

0.0%	0.0% #D51208	RGB 213 18 8	#D51208
16.7%	16.7% #BB0F07	RGB 187 15 7	#BB0F07
33.3%	33.3% #A20D06	RGB 162 13 6	#A20D06
50.0%	50.0% #880B05	RGB 136 11 5	#880B05
66.7%	66.7% #6F0904	RGB 111 9 4	#6F0904
83.3%	83.3% #550703	RGB 85 7 3	#550703
100.0%	100.0% #3C0502	RGB 60 5 2	#3C0502

#D51208 #BB0F07 #A20D06 #880B05 #6F0904 #550703 #3C0502

#D51208 - #3C0502

HSV Blend

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

0.0%	0.0% #D51107	RGB 213 17 7	#D51107
16.7%	16.7% #BB0F06	RGB 187 15 6	#BB0F06
33.3%	33.3% #A20D05	RGB 162 13 5	#A20D05
50.0%	50.0% #880B04	RGB 136 11 4	#880B04
66.7%	66.7% #6F0903	RGB 111 9 3	#6F0903
83.3%	83.3% #550702	RGB 85 7 2	#550702
100.0%	100.0% #3C0502	RGB 60 5 2	#3C0502

#D51107 #BB0F06 #A20D05 #880B04 #6F0903 #550702 #3C0502

#D51208 - #880B04 - #3C0502

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D51107 0%, #880B04 50%, #3C0502 100%);
    background: -webkit-linear-gradient(top, #D51107 0%, #880B04 50%, #3C0502 100%);
    background: linear-gradient(to bottom, #D51107 0%, #880B04 50%, #3C0502 100%);
}
</style>