#DC7B85 - #A11C2D | 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 #DC7B85 to #A11C2D

#DC7B85 #A11C2D

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

#DC7B85 - #A11C2D | 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 #DC7B85 as 0% and #A11C2D as 100%.

0.0%	0.0% #DC7B85	RGB 220 123 133	#DC7B85
16.7%	16.7% #D26B76	RGB 210 107 118	#D26B76
33.3%	33.3% #C85B67	RGB 200 91 103	#C85B67
50.0%	50.0% #BE4B59	RGB 190 75 89	#BE4B59
66.7%	66.7% #B43B4A	RGB 180 59 74	#B43B4A
83.3%	83.3% #AA2B3B	RGB 170 43 59	#AA2B3B
100.0%	100.0% #A11C2D	RGB 161 28 45	#A11C2D

#DC7B85 #D26B76 #C85B67 #BE4B59 #B43B4A #AA2B3B #A11C2D

#DC7B85 - #A11C2D

HSV Blend

#DC7B85 - #A11C2D | 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 #DC7B85 as 0% and #A11C2D as 100%.

0.0%	0.0% #DC7B85	RGB 220 123 133	#DC7B85
16.7%	16.7% #D26873	RGB 210 104 115	#D26873
33.3%	33.3% #C85662	RGB 200 86 98	#C85662
50.0%	50.0% #BE4553	RGB 190 69 83	#BE4553
66.7%	66.7% #B43645	RGB 180 54 69	#B43645
83.3%	83.3% #AA2838	RGB 170 40 56	#AA2838
100.0%	100.0% #A11C2D	RGB 161 28 45	#A11C2D

#DC7B85 #D26873 #C85662 #BE4553 #B43645 #AA2838 #A11C2D

#DC7B85 - #BE4553 - #A11C2D

CSS codes

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

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