#AF5A5E - #32191A | 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 #AF5A5E to #32191A

#AF5A5E #32191A

Calculate the color between two colors, #AF5A5E and #32191A. 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)

#AF5A5E - #32191A | 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 #AF5A5E as 0% and #32191A as 100%.

0.0%	0.0% #AF5A5E	RGB 175 90 94	#AF5A5E
16.7%	16.7% #9A4F52	RGB 154 79 82	#9A4F52
33.3%	33.3% #854447	RGB 133 68 71	#854447
50.0%	50.0% #70393C	RGB 112 57 60	#70393C
66.7%	66.7% #5B2E30	RGB 91 46 48	#5B2E30
83.3%	83.3% #462325	RGB 70 35 37	#462325
100.0%	100.0% #32191A	RGB 50 25 26	#32191A

#AF5A5E #9A4F52 #854447 #70393C #5B2E30 #462325 #32191A

#AF5A5E - #32191A

HSV Blend

#AF5A5E - #32191A | 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 #AF5A5E as 0% and #32191A as 100%.

0.0%	0.0% #AF5A5E	RGB 175 90 94	#AF5A5E
16.7%	16.7% #9A4E52	RGB 154 78 82	#9A4E52
33.3%	33.3% #854346	RGB 133 67 70	#854346
50.0%	50.0% #70393B	RGB 112 57 59	#70393B
66.7%	66.7% #5B2E30	RGB 91 46 48	#5B2E30
83.3%	83.3% #462325	RGB 70 35 37	#462325
100.0%	100.0% #32191A	RGB 50 25 26	#32191A

#AF5A5E #9A4E52 #854346 #70393B #5B2E30 #462325 #32191A

#AF5A5E - #70393B - #32191A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF5A5E 0%, #70393B 50%, #32191A 100%);
    background: -webkit-linear-gradient(top, #AF5A5E 0%, #70393B 50%, #32191A 100%);
    background: linear-gradient(to bottom, #AF5A5E 0%, #70393B 50%, #32191A 100%);
}
</style>