#D32020 - #3C0808 | 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 #D32020 to #3C0808

#D32020 #3C0808

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

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

0.0%	0.0% #D32020	RGB 211 32 32	#D32020
16.7%	16.7% #B91C1C	RGB 185 28 28	#B91C1C
33.3%	33.3% #A01818	RGB 160 24 24	#A01818
50.0%	50.0% #871414	RGB 135 20 20	#871414
66.7%	66.7% #6E1010	RGB 110 16 16	#6E1010
83.3%	83.3% #550C0C	RGB 85 12 12	#550C0C
100.0%	100.0% #3C0808	RGB 60 8 8	#3C0808

#D32020 #B91C1C #A01818 #871414 #6E1010 #550C0C #3C0808

#D32020 - #3C0808

HSV Blend

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

0.0%	0.0% #D32020	RGB 211 32 32	#D32020
16.7%	16.7% #B91B1B	RGB 185 27 27	#B91B1B
33.3%	33.3% #A01717	RGB 160 23 23	#A01717
50.0%	50.0% #871313	RGB 135 19 19	#871313
66.7%	66.7% #6E0F0F	RGB 110 15 15	#6E0F0F
83.3%	83.3% #550B0B	RGB 85 11 11	#550B0B
100.0%	100.0% #3C0808	RGB 60 8 8	#3C0808

#D32020 #B91B1B #A01717 #871313 #6E0F0F #550B0B #3C0808

#D32020 - #871313 - #3C0808

CSS codes

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

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