#DC143C - #3E0511 | 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 #DC143C to #3E0511

#DC143C #3E0511

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

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

0.0%	0.0% #DC143C	RGB 220 20 60	#DC143C
16.7%	16.7% #C11134	RGB 193 17 52	#C11134
33.3%	33.3% #A70F2D	RGB 167 15 45	#A70F2D
50.0%	50.0% #8D0C26	RGB 141 12 38	#8D0C26
66.7%	66.7% #720A1F	RGB 114 10 31	#720A1F
83.3%	83.3% #580718	RGB 88 7 24	#580718
100.0%	100.0% #3E0511	RGB 62 5 17	#3E0511

#DC143C #C11134 #A70F2D #8D0C26 #720A1F #580718 #3E0511

#DC143C - #3E0511

HSV Blend

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

0.0%	0.0% #DC133C	RGB 220 19 60	#DC133C
16.7%	16.7% #C11134	RGB 193 17 52	#C11134
33.3%	33.3% #A70E2D	RGB 167 14 45	#A70E2D
50.0%	50.0% #8D0C26	RGB 141 12 38	#8D0C26
66.7%	66.7% #72091F	RGB 114 9 31	#72091F
83.3%	83.3% #580718	RGB 88 7 24	#580718
100.0%	100.0% #3E0511	RGB 62 5 17	#3E0511

#DC133C #C11134 #A70E2D #8D0C26 #72091F #580718 #3E0511

#DC143C - #8D0C26 - #3E0511

CSS codes

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

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