#DB6160 - #AD1F1C | 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 #DB6160 to #AD1F1C

#DB6160 #AD1F1C

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

#DB6160 - #AD1F1C | 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 #DB6160 as 0% and #AD1F1C as 100%.

0.0%	0.0% #DB6160	RGB 219 97 96	#DB6160
16.7%	16.7% #D35654	RGB 211 86 84	#D35654
33.3%	33.3% #CB4B49	RGB 203 75 73	#CB4B49
50.0%	50.0% #C4403E	RGB 196 64 62	#C4403E
66.7%	66.7% #BC3532	RGB 188 53 50	#BC3532
83.3%	83.3% #B42A27	RGB 180 42 39	#B42A27
100.0%	100.0% #AD1F1C	RGB 173 31 28	#AD1F1C

#DB6160 #D35654 #CB4B49 #C4403E #BC3532 #B42A27 #AD1F1C

#DB6160 - #AD1F1C

HSV Blend

#DB6160 - #AD1F1C | 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 #DB6160 as 0% and #AD1F1C as 100%.

0.0%	0.0% #DB6160	RGB 219 97 96	#DB6160
16.7%	16.7% #D35452	RGB 211 84 82	#D35452
33.3%	33.3% #CB4846	RGB 203 72 70	#CB4846
50.0%	50.0% #C43C3A	RGB 196 60 58	#C43C3A
66.7%	66.7% #BC322F	RGB 188 50 47	#BC322F
83.3%	83.3% #B42825	RGB 180 40 37	#B42825
100.0%	100.0% #AD1F1C	RGB 173 31 28	#AD1F1C

#DB6160 #D35452 #CB4846 #C43C3A #BC322F #B42825 #AD1F1C

#DB6160 - #C43C3A - #AD1F1C

CSS codes

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

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