#AF3E87 - #6A0037 | 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 #AF3E87 to #6A0037

#AF3E87 #6A0037

Calculate the color between two colors, #AF3E87 and #6A0037. 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)

#AF3E87 - #6A0037 | 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 #AF3E87 as 0% and #6A0037 as 100%.

0.0%	0.0% #AF3E87	RGB 175 62 135	#AF3E87
16.7%	16.7% #A33379	RGB 163 51 121	#A33379
33.3%	33.3% #98296C	RGB 152 41 108	#98296C
50.0%	50.0% #8C1F5F	RGB 140 31 95	#8C1F5F
66.7%	66.7% #811451	RGB 129 20 81	#811451
83.3%	83.3% #750A44	RGB 117 10 68	#750A44
100.0%	100.0% #6A0037	RGB 106 0 55	#6A0037

#AF3E87 #A33379 #98296C #8C1F5F #811451 #750A44 #6A0037

#AF3E87 - #6A0037

HSV Blend

#AF3E87 - #6A0037 | 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 #AF3E87 as 0% and #6A0037 as 100%.

0.0%	0.0% #AF3E86	RGB 175 62 134	#AF3E86
16.7%	16.7% #A33078	RGB 163 48 120	#A33078
33.3%	33.3% #982369	RGB 152 35 105	#982369
50.0%	50.0% #8C185C	RGB 140 24 92	#8C185C
66.7%	66.7% #810F4F	RGB 129 15 79	#810F4F
83.3%	83.3% #750642	RGB 117 6 66	#750642
100.0%	100.0% #6A0037	RGB 106 0 55	#6A0037

#AF3E86 #A33078 #982369 #8C185C #810F4F #750642 #6A0037

#AF3E87 - #8C185C - #6A0037

CSS codes

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

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