#AF3E7E - #680031 | 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 #AF3E7E to #680031

#AF3E7E #680031

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

#AF3E7E - #680031 | 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 #AF3E7E as 0% and #680031 as 100%.

0.0%	0.0% #AF3E7E	RGB 175 62 126	#AF3E7E
16.7%	16.7% #A33371	RGB 163 51 113	#A33371
33.3%	33.3% #972964	RGB 151 41 100	#972964
50.0%	50.0% #8B1F57	RGB 139 31 87	#8B1F57
66.7%	66.7% #7F144A	RGB 127 20 74	#7F144A
83.3%	83.3% #730A3D	RGB 115 10 61	#730A3D
100.0%	100.0% #680031	RGB 104 0 49	#680031

#AF3E7E #A33371 #972964 #8B1F57 #7F144A #730A3D #680031

#AF3E7E - #680031

HSV Blend

#AF3E7E - #680031 | 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 #AF3E7E as 0% and #680031 as 100%.

0.0%	0.0% #AF3E7E	RGB 175 62 126	#AF3E7E
16.7%	16.7% #A3306F	RGB 163 48 111	#A3306F
33.3%	33.3% #972361	RGB 151 35 97	#972361
50.0%	50.0% #8B1854	RGB 139 24 84	#8B1854
66.7%	66.7% #7F0F47	RGB 127 15 71	#7F0F47
83.3%	83.3% #73063B	RGB 115 6 59	#73063B
100.0%	100.0% #680031	RGB 104 0 49	#680031

#AF3E7E #A3306F #972361 #8B1854 #7F0F47 #73063B #680031

#AF3E7E - #8B1854 - #680031

CSS codes

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

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