#AF5EAD - #7D005A | 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 #AF5EAD to #7D005A

#AF5EAD #7D005A

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

#AF5EAD - #7D005A | 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 #AF5EAD as 0% and #7D005A as 100%.

0.0%	0.0% #AF5EAD	RGB 175 94 173	#AF5EAD
16.7%	16.7% #A64E9F	RGB 166 78 159	#A64E9F
33.3%	33.3% #9E3E91	RGB 158 62 145	#9E3E91
50.0%	50.0% #962F83	RGB 150 47 131	#962F83
66.7%	66.7% #8D1F75	RGB 141 31 117	#8D1F75
83.3%	83.3% #850F67	RGB 133 15 103	#850F67
100.0%	100.0% #7D005A	RGB 125 0 90	#7D005A

#AF5EAD #A64E9F #9E3E91 #962F83 #8D1F75 #850F67 #7D005A

#AF5EAD - #7D005A

HSV Blend

#AF5EAD - #7D005A | 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 #AF5EAD as 0% and #7D005A as 100%.

0.0%	0.0% #AF5EAD	RGB 175 94 173	#AF5EAD
16.7%	16.7% #A64AA0	RGB 166 74 160	#A64AA0
33.3%	33.3% #9E3893	RGB 158 56 147	#9E3893
50.0%	50.0% #962885	RGB 150 40 133	#962885
66.7%	66.7% #8D1976	RGB 141 25 118	#8D1976
83.3%	83.3% #850B68	RGB 133 11 104	#850B68
100.0%	100.0% #7D005A	RGB 125 0 90	#7D005A

#AF5EAD #A64AA0 #9E3893 #962885 #8D1976 #850B68 #7D005A

#AF5EAD - #962885 - #7D005A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF5EAD 0%, #962885 50%, #7D005A 100%);
    background: -webkit-linear-gradient(top, #AF5EAD 0%, #962885 50%, #7D005A 100%);
    background: linear-gradient(to bottom, #AF5EAD 0%, #962885 50%, #7D005A 100%);
}
</style>