#A03D5E - #2D111A | 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 #A03D5E to #2D111A

#A03D5E #2D111A

Calculate the color between two colors, #A03D5E and #2D111A. 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)

#A03D5E - #2D111A | 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 #A03D5E as 0% and #2D111A as 100%.

0.0%	0.0% #A03D5E	RGB 160 61 94	#A03D5E
16.7%	16.7% #8C3552	RGB 140 53 82	#8C3552
33.3%	33.3% #792E47	RGB 121 46 71	#792E47
50.0%	50.0% #66273C	RGB 102 39 60	#66273C
66.7%	66.7% #531F30	RGB 83 31 48	#531F30
83.3%	83.3% #401825	RGB 64 24 37	#401825
100.0%	100.0% #2D111A	RGB 45 17 26	#2D111A

#A03D5E #8C3552 #792E47 #66273C #531F30 #401825 #2D111A

#A03D5E - #2D111A

HSV Blend

#A03D5E - #2D111A | 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 #A03D5E as 0% and #2D111A as 100%.

0.0%	0.0% #A03D5D	RGB 160 61 93	#A03D5D
16.7%	16.7% #8C3552	RGB 140 53 82	#8C3552
33.3%	33.3% #792E47	RGB 121 46 71	#792E47
50.0%	50.0% #66263B	RGB 102 38 59	#66263B
66.7%	66.7% #531F30	RGB 83 31 48	#531F30
83.3%	83.3% #401825	RGB 64 24 37	#401825
100.0%	100.0% #2D111A	RGB 45 17 26	#2D111A

#A03D5D #8C3552 #792E47 #66263B #531F30 #401825 #2D111A

#A03D5E - #66263B - #2D111A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A03D5D 0%, #66263B 50%, #2D111A 100%);
    background: -webkit-linear-gradient(top, #A03D5D 0%, #66263B 50%, #2D111A 100%);
    background: linear-gradient(to bottom, #A03D5D 0%, #66263B 50%, #2D111A 100%);
}
</style>