#DD3E3F - #781017 | 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 #DD3E3F to #781017

#DD3E3F #781017

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

#DD3E3F - #781017 | 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 #DD3E3F as 0% and #781017 as 100%.

0.0%	0.0% #DD3E3F	RGB 221 62 63	#DD3E3F
16.7%	16.7% #CC3638	RGB 204 54 56	#CC3638
33.3%	33.3% #BB2E31	RGB 187 46 49	#BB2E31
50.0%	50.0% #AA272B	RGB 170 39 43	#AA272B
66.7%	66.7% #991F24	RGB 153 31 36	#991F24
83.3%	83.3% #88171D	RGB 136 23 29	#88171D
100.0%	100.0% #781017	RGB 120 16 23	#781017

#DD3E3F #CC3638 #BB2E31 #AA272B #991F24 #88171D #781017

#DD3E3F - #781017

HSV Blend

#DD3E3F - #781017 | 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 #DD3E3F as 0% and #781017 as 100%.

0.0%	0.0% #DD3E3E	RGB 221 62 62	#DD3E3E
16.7%	16.7% #CC3436	RGB 204 52 54	#CC3436
33.3%	33.3% #BB2B2F	RGB 187 43 47	#BB2B2F
50.0%	50.0% #AA2328	RGB 170 35 40	#AA2328
66.7%	66.7% #991C21	RGB 153 28 33	#991C21
83.3%	83.3% #88151C	RGB 136 21 28	#88151C
100.0%	100.0% #781017	RGB 120 16 23	#781017

#DD3E3E #CC3436 #BB2B2F #AA2328 #991C21 #88151C #781017

#DD3E3F - #AA2328 - #781017

CSS codes

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

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