#AF5A6B - #32191E | 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 #AF5A6B to #32191E

#AF5A6B #32191E

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

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

0.0%	0.0% #AF5A6B	RGB 175 90 107	#AF5A6B
16.7%	16.7% #9A4F5E	RGB 154 79 94	#9A4F5E
33.3%	33.3% #854451	RGB 133 68 81	#854451
50.0%	50.0% #703944	RGB 112 57 68	#703944
66.7%	66.7% #5B2E37	RGB 91 46 55	#5B2E37
83.3%	83.3% #46232A	RGB 70 35 42	#46232A
100.0%	100.0% #32191E	RGB 50 25 30	#32191E

#AF5A6B #9A4F5E #854451 #703944 #5B2E37 #46232A #32191E

#AF5A6B - #32191E

HSV Blend

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

0.0%	0.0% #AF5A6B	RGB 175 90 107	#AF5A6B
16.7%	16.7% #9A4E5D	RGB 154 78 93	#9A4E5D
33.3%	33.3% #854351	RGB 133 67 81	#854351
50.0%	50.0% #703944	RGB 112 57 68	#703944
66.7%	66.7% #5B2E37	RGB 91 46 55	#5B2E37
83.3%	83.3% #46232A	RGB 70 35 42	#46232A
100.0%	100.0% #32191E	RGB 50 25 30	#32191E

#AF5A6B #9A4E5D #854351 #703944 #5B2E37 #46232A #32191E

#AF5A6B - #703944 - #32191E

CSS codes

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

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