#DC5E59 - #AB1E18 | 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 #DC5E59 to #AB1E18

#DC5E59 #AB1E18

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

#DC5E59 - #AB1E18 | 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 #DC5E59 as 0% and #AB1E18 as 100%.

0.0%	0.0% #DC5E59	RGB 220 94 89	#DC5E59
16.7%	16.7% #D3534E	RGB 211 83 78	#D3534E
33.3%	33.3% #CB4843	RGB 203 72 67	#CB4843
50.0%	50.0% #C33E38	RGB 195 62 56	#C33E38
66.7%	66.7% #BB332D	RGB 187 51 45	#BB332D
83.3%	83.3% #B32822	RGB 179 40 34	#B32822
100.0%	100.0% #AB1E18	RGB 171 30 24	#AB1E18

#DC5E59 #D3534E #CB4843 #C33E38 #BB332D #B32822 #AB1E18

#DC5E59 - #AB1E18

HSV Blend

#DC5E59 - #AB1E18 | 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 #DC5E59 as 0% and #AB1E18 as 100%.

0.0%	0.0% #DC5E59	RGB 220 94 89	#DC5E59
16.7%	16.7% #D3514C	RGB 211 81 76	#D3514C
33.3%	33.3% #CB4540	RGB 203 69 64	#CB4540
50.0%	50.0% #C33A35	RGB 195 58 53	#C33A35
66.7%	66.7% #BB302A	RGB 187 48 42	#BB302A
83.3%	83.3% #B32621	RGB 179 38 33	#B32621
100.0%	100.0% #AB1E18	RGB 171 30 24	#AB1E18

#DC5E59 #D3514C #CB4540 #C33A35 #BB302A #B32621 #AB1E18

#DC5E59 - #C33A35 - #AB1E18

CSS codes

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

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