#AF548D - #72073D | 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 #AF548D to #72073D

#AF548D #72073D

Calculate the color between two colors, #AF548D and #72073D. 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)

#AF548D - #72073D | 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 #AF548D as 0% and #72073D as 100%.

0.0%	0.0% #AF548D	RGB 175 84 141	#AF548D
16.7%	16.7% #A4477F	RGB 164 71 127	#A4477F
33.3%	33.3% #9A3A72	RGB 154 58 114	#9A3A72
50.0%	50.0% #902D65	RGB 144 45 101	#902D65
66.7%	66.7% #862057	RGB 134 32 87	#862057
83.3%	83.3% #7C134A	RGB 124 19 74	#7C134A
100.0%	100.0% #72073D	RGB 114 7 61	#72073D

#AF548D #A4477F #9A3A72 #902D65 #862057 #7C134A #72073D

#AF548D - #72073D

HSV Blend

#AF548D - #72073D | 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 #AF548D as 0% and #72073D as 100%.

0.0%	0.0% #AF548D	RGB 175 84 141	#AF548D
16.7%	16.7% #A4437E	RGB 164 67 126	#A4437E
33.3%	33.3% #9A3470	RGB 154 52 112	#9A3470
50.0%	50.0% #902762	RGB 144 39 98	#902762
66.7%	66.7% #861A55	RGB 134 26 85	#861A55
83.3%	83.3% #7C1048	RGB 124 16 72	#7C1048
100.0%	100.0% #72073D	RGB 114 7 61	#72073D

#AF548D #A4437E #9A3470 #902762 #861A55 #7C1048 #72073D

#AF548D - #902762 - #72073D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF548D 0%, #902762 50%, #72073D 100%);
    background: -webkit-linear-gradient(top, #AF548D 0%, #902762 50%, #72073D 100%);
    background: linear-gradient(to bottom, #AF548D 0%, #902762 50%, #72073D 100%);
}
</style>