#AF3C7E - #5E0937 | 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 #AF3C7E to #5E0937

#AF3C7E #5E0937

Calculate the color between two colors, #AF3C7E and #5E0937. 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)

#AF3C7E - #5E0937 | 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 #AF3C7E as 0% and #5E0937 as 100%.

0.0%	0.0% #AF3C7E	RGB 175 60 126	#AF3C7E
16.7%	16.7% #A13372	RGB 161 51 114	#A13372
33.3%	33.3% #942B66	RGB 148 43 102	#942B66
50.0%	50.0% #86225A	RGB 134 34 90	#86225A
66.7%	66.7% #791A4E	RGB 121 26 78	#791A4E
83.3%	83.3% #6B1142	RGB 107 17 66	#6B1142
100.0%	100.0% #5E0937	RGB 94 9 55	#5E0937

#AF3C7E #A13372 #942B66 #86225A #791A4E #6B1142 #5E0937

#AF3C7E - #5E0937

HSV Blend

#AF3C7E - #5E0937 | 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 #AF3C7E as 0% and #5E0937 as 100%.

0.0%	0.0% #AF3C7E	RGB 175 60 126	#AF3C7E
16.7%	16.7% #A13070	RGB 161 48 112	#A13070
33.3%	33.3% #942664	RGB 148 38 100	#942664
50.0%	50.0% #861D58	RGB 134 29 88	#861D58
66.7%	66.7% #79154C	RGB 121 21 76	#79154C
83.3%	83.3% #6B0E41	RGB 107 14 65	#6B0E41
100.0%	100.0% #5E0937	RGB 94 9 55	#5E0937

#AF3C7E #A13070 #942664 #861D58 #79154C #6B0E41 #5E0937

#AF3C7E - #861D58 - #5E0937

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF3C7E 0%, #861D58 50%, #5E0937 100%);
    background: -webkit-linear-gradient(top, #AF3C7E 0%, #861D58 50%, #5E0937 100%);
    background: linear-gradient(to bottom, #AF3C7E 0%, #861D58 50%, #5E0937 100%);
}
</style>