#AF657B - #321C22 | 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 #AF657B to #321C22

#AF657B #321C22

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

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

0.0%	0.0% #AF657B	RGB 175 101 123	#AF657B
16.7%	16.7% #9A586C	RGB 154 88 108	#9A586C
33.3%	33.3% #854C5D	RGB 133 76 93	#854C5D
50.0%	50.0% #70404E	RGB 112 64 78	#70404E
66.7%	66.7% #5B343F	RGB 91 52 63	#5B343F
83.3%	83.3% #462830	RGB 70 40 48	#462830
100.0%	100.0% #321C22	RGB 50 28 34	#321C22

#AF657B #9A586C #854C5D #70404E #5B343F #462830 #321C22

#AF657B - #321C22

HSV Blend

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

0.0%	0.0% #AF657A	RGB 175 101 122	#AF657A
16.7%	16.7% #9A586B	RGB 154 88 107	#9A586B
33.3%	33.3% #854C5C	RGB 133 76 92	#854C5C
50.0%	50.0% #703F4D	RGB 112 63 77	#703F4D
66.7%	66.7% #5B333F	RGB 91 51 63	#5B333F
83.3%	83.3% #462730	RGB 70 39 48	#462730
100.0%	100.0% #321C22	RGB 50 28 34	#321C22

#AF657A #9A586B #854C5C #703F4D #5B333F #462730 #321C22

#AF657B - #703F4D - #321C22

CSS codes

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

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