#AF5E78 - #321A22 | 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 #AF5E78 to #321A22

#AF5E78 #321A22

Calculate the color between two colors, #AF5E78 and #321A22. 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)

#AF5E78 - #321A22 | 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 #AF5E78 as 0% and #321A22 as 100%.

0.0%	0.0% #AF5E78	RGB 175 94 120	#AF5E78
16.7%	16.7% #9A5269	RGB 154 82 105	#9A5269
33.3%	33.3% #85475B	RGB 133 71 91	#85475B
50.0%	50.0% #703C4D	RGB 112 60 77	#703C4D
66.7%	66.7% #5B303E	RGB 91 48 62	#5B303E
83.3%	83.3% #462530	RGB 70 37 48	#462530
100.0%	100.0% #321A22	RGB 50 26 34	#321A22

#AF5E78 #9A5269 #85475B #703C4D #5B303E #462530 #321A22

#AF5E78 - #321A22

HSV Blend

#AF5E78 - #321A22 | 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 #AF5E78 as 0% and #321A22 as 100%.

0.0%	0.0% #AF5E78	RGB 175 94 120	#AF5E78
16.7%	16.7% #9A5269	RGB 154 82 105	#9A5269
33.3%	33.3% #85465B	RGB 133 70 91	#85465B
50.0%	50.0% #703B4C	RGB 112 59 76	#703B4C
66.7%	66.7% #5B303E	RGB 91 48 62	#5B303E
83.3%	83.3% #462530	RGB 70 37 48	#462530
100.0%	100.0% #321A22	RGB 50 26 34	#321A22

#AF5E78 #9A5269 #85465B #703B4C #5B303E #462530 #321A22

#AF5E78 - #703B4C - #321A22

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF5E78 0%, #703B4C 50%, #321A22 100%);
    background: -webkit-linear-gradient(top, #AF5E78 0%, #703B4C 50%, #321A22 100%);
    background: linear-gradient(to bottom, #AF5E78 0%, #703B4C 50%, #321A22 100%);
}
</style>