#DB4455 - #7F0C1F | 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 #DB4455 to #7F0C1F

#DB4455 #7F0C1F

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

#DB4455 - #7F0C1F | 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 #DB4455 as 0% and #7F0C1F as 100%.

0.0%	0.0% #DB4455	RGB 219 68 85	#DB4455
16.7%	16.7% #CB3A4C	RGB 203 58 76	#CB3A4C
33.3%	33.3% #BC3143	RGB 188 49 67	#BC3143
50.0%	50.0% #AD283A	RGB 173 40 58	#AD283A
66.7%	66.7% #9D1E31	RGB 157 30 49	#9D1E31
83.3%	83.3% #8E1528	RGB 142 21 40	#8E1528
100.0%	100.0% #7F0C1F	RGB 127 12 31	#7F0C1F

#DB4455 #CB3A4C #BC3143 #AD283A #9D1E31 #8E1528 #7F0C1F

#DB4455 - #7F0C1F

HSV Blend

#DB4455 - #7F0C1F | 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 #DB4455 as 0% and #7F0C1F as 100%.

0.0%	0.0% #DB4454	RGB 219 68 84	#DB4454
16.7%	16.7% #CB3749	RGB 203 55 73	#CB3749
33.3%	33.3% #BC2C3F	RGB 188 44 63	#BC2C3F
50.0%	50.0% #AD2336	RGB 173 35 54	#AD2336
66.7%	66.7% #9D1A2D	RGB 157 26 45	#9D1A2D
83.3%	83.3% #8E1225	RGB 142 18 37	#8E1225
100.0%	100.0% #7F0C1F	RGB 127 12 31	#7F0C1F

#DB4454 #CB3749 #BC2C3F #AD2336 #9D1A2D #8E1225 #7F0C1F

#DB4455 - #AD2336 - #7F0C1F

CSS codes

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

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