#AF5E99 - #701D4C | 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 #AF5E99 to #701D4C

#AF5E99 #701D4C

Calculate the color between two colors, #AF5E99 and #701D4C. 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)

#AF5E99 - #701D4C | 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 #AF5E99 as 0% and #701D4C as 100%.

0.0%	0.0% #AF5E99	RGB 175 94 153	#AF5E99
16.7%	16.7% #A4538C	RGB 164 83 140	#A4538C
33.3%	33.3% #9A487F	RGB 154 72 127	#9A487F
50.0%	50.0% #8F3D72	RGB 143 61 114	#8F3D72
66.7%	66.7% #853265	RGB 133 50 101	#853265
83.3%	83.3% #7A2758	RGB 122 39 88	#7A2758
100.0%	100.0% #701D4C	RGB 112 29 76	#701D4C

#AF5E99 #A4538C #9A487F #8F3D72 #853265 #7A2758 #701D4C

#AF5E99 - #701D4C

HSV Blend

#AF5E99 - #701D4C | 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 #AF5E99 as 0% and #701D4C as 100%.

0.0%	0.0% #AF5E98	RGB 175 94 152	#AF5E98
16.7%	16.7% #A4508B	RGB 164 80 139	#A4508B
33.3%	33.3% #9A447E	RGB 154 68 126	#9A447E
50.0%	50.0% #8F3971	RGB 143 57 113	#8F3971
66.7%	66.7% #852E64	RGB 133 46 100	#852E64
83.3%	83.3% #7A2557	RGB 122 37 87	#7A2557
100.0%	100.0% #701D4C	RGB 112 29 76	#701D4C

#AF5E98 #A4508B #9A447E #8F3971 #852E64 #7A2557 #701D4C

#AF5E99 - #8F3971 - #701D4C

CSS codes

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

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