#D66E5E - #AA2B1A | 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 #D66E5E to #AA2B1A

#D66E5E #AA2B1A

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

#D66E5E - #AA2B1A | 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 #D66E5E as 0% and #AA2B1A as 100%.

0.0%	0.0% #D66E5E	RGB 214 110 94	#D66E5E
16.7%	16.7% #CE6252	RGB 206 98 82	#CE6252
33.3%	33.3% #C75747	RGB 199 87 71	#C75747
50.0%	50.0% #C04C3C	RGB 192 76 60	#C04C3C
66.7%	66.7% #B84130	RGB 184 65 48	#B84130
83.3%	83.3% #B13625	RGB 177 54 37	#B13625
100.0%	100.0% #AA2B1A	RGB 170 43 26	#AA2B1A

#D66E5E #CE6252 #C75747 #C04C3C #B84130 #B13625 #AA2B1A

#D66E5E - #AA2B1A

HSV Blend

#D66E5E - #AA2B1A | 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 #D66E5E as 0% and #AA2B1A as 100%.

0.0%	0.0% #D66E5E	RGB 214 110 94	#D66E5E
16.7%	16.7% #CE6150	RGB 206 97 80	#CE6150
33.3%	33.3% #C75544	RGB 199 85 68	#C75544
50.0%	50.0% #C04938	RGB 192 73 56	#C04938
66.7%	66.7% #B83E2D	RGB 184 62 45	#B83E2D
83.3%	83.3% #B13423	RGB 177 52 35	#B13423
100.0%	100.0% #AA2B1A	RGB 170 43 26	#AA2B1A

#D66E5E #CE6150 #C75544 #C04938 #B83E2D #B13423 #AA2B1A

#D66E5E - #C04938 - #AA2B1A

CSS codes

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

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