#AD4D4D - #7D1B11 | 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 #AD4D4D to #7D1B11

#AD4D4D #7D1B11

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

#AD4D4D - #7D1B11 | 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 #AD4D4D as 0% and #7D1B11 as 100%.

0.0%	0.0% #AD4D4D	RGB 173 77 77	#AD4D4D
16.7%	16.7% #A54443	RGB 165 68 67	#A54443
33.3%	33.3% #9D3C39	RGB 157 60 57	#9D3C39
50.0%	50.0% #95342F	RGB 149 52 47	#95342F
66.7%	66.7% #8D2B25	RGB 141 43 37	#8D2B25
83.3%	83.3% #85231B	RGB 133 35 27	#85231B
100.0%	100.0% #7D1B11	RGB 125 27 17	#7D1B11

#AD4D4D #A54443 #9D3C39 #95342F #8D2B25 #85231B #7D1B11

#AD4D4D - #7D1B11

HSV Blend

#AD4D4D - #7D1B11 | 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 #AD4D4D as 0% and #7D1B11 as 100%.

0.0%	0.0% #AD4D4D	RGB 173 77 77	#AD4D4D
16.7%	16.7% #A54240	RGB 165 66 64	#A54240
33.3%	33.3% #9D3835	RGB 157 56 53	#9D3835
50.0%	50.0% #95302B	RGB 149 48 43	#95302B
66.7%	66.7% #8D2821	RGB 141 40 33	#8D2821
83.3%	83.3% #852118	RGB 133 33 24	#852118
100.0%	100.0% #7D1B11	RGB 125 27 17	#7D1B11

#AD4D4D #A54240 #9D3835 #95302B #8D2821 #852118 #7D1B11

#AD4D4D - #95302B - #7D1B11

CSS codes

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

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