#AF5E7D - #701631 | 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 #AF5E7D to #701631

#AF5E7D #701631

Calculate the color between two colors, #AF5E7D and #701631. 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)

#AF5E7D - #701631 | 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 #AF5E7D as 0% and #701631 as 100%.

0.0%	0.0% #AF5E7D	RGB 175 94 125	#AF5E7D
16.7%	16.7% #A45270	RGB 164 82 112	#A45270
33.3%	33.3% #9A4663	RGB 154 70 99	#9A4663
50.0%	50.0% #8F3A57	RGB 143 58 87	#8F3A57
66.7%	66.7% #852E4A	RGB 133 46 74	#852E4A
83.3%	83.3% #7A223D	RGB 122 34 61	#7A223D
100.0%	100.0% #701631	RGB 112 22 49	#701631

#AF5E7D #A45270 #9A4663 #8F3A57 #852E4A #7A223D #701631

#AF5E7D - #701631

HSV Blend

#AF5E7D - #701631 | 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 #AF5E7D as 0% and #701631 as 100%.

0.0%	0.0% #AF5E7D	RGB 175 94 125	#AF5E7D
16.7%	16.7% #A44F6E	RGB 164 79 110	#A44F6E
33.3%	33.3% #9A4160	RGB 154 65 96	#9A4160
50.0%	50.0% #8F3453	RGB 143 52 83	#8F3453
66.7%	66.7% #852947	RGB 133 41 71	#852947
83.3%	83.3% #7A1F3B	RGB 122 31 59	#7A1F3B
100.0%	100.0% #701631	RGB 112 22 49	#701631

#AF5E7D #A44F6E #9A4160 #8F3453 #852947 #7A1F3B #701631

#AF5E7D - #8F3453 - #701631

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF5E7D 0%, #8F3453 50%, #701631 100%);
    background: -webkit-linear-gradient(top, #AF5E7D 0%, #8F3453 50%, #701631 100%);
    background: linear-gradient(to bottom, #AF5E7D 0%, #8F3453 50%, #701631 100%);
}
</style>