#D5000D - #3C0003 | 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 #D5000D to #3C0003

#D5000D #3C0003

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

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

0.0%	0.0% #D5000D	RGB 213 0 13	#D5000D
16.7%	16.7% #BB000B	RGB 187 0 11	#BB000B
33.3%	33.3% #A20009	RGB 162 0 9	#A20009
50.0%	50.0% #880008	RGB 136 0 8	#880008
66.7%	66.7% #6F0006	RGB 111 0 6	#6F0006
83.3%	83.3% #550004	RGB 85 0 4	#550004
100.0%	100.0% #3C0003	RGB 60 0 3	#3C0003

#D5000D #BB000B #A20009 #880008 #6F0006 #550004 #3C0003

#D5000D - #3C0003

HSV Blend

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

0.0%	0.0% #D5000C	RGB 213 0 12	#D5000C
16.7%	16.7% #BB000B	RGB 187 0 11	#BB000B
33.3%	33.3% #A20009	RGB 162 0 9	#A20009
50.0%	50.0% #880007	RGB 136 0 7	#880007
66.7%	66.7% #6F0005	RGB 111 0 5	#6F0005
83.3%	83.3% #550004	RGB 85 0 4	#550004
100.0%	100.0% #3C0003	RGB 60 0 3	#3C0003

#D5000C #BB000B #A20009 #880007 #6F0005 #550004 #3C0003

#D5000D - #880007 - #3C0003

CSS codes

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

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