#8C427B - #5A042B | 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 #8C427B to #5A042B

#8C427B #5A042B

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

#8C427B - #5A042B | 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 #8C427B as 0% and #5A042B as 100%.

0.0%	0.0% #8C427B	RGB 140 66 123	#8C427B
16.7%	16.7% #83376D	RGB 131 55 109	#83376D
33.3%	33.3% #7B2D60	RGB 123 45 96	#7B2D60
50.0%	50.0% #732353	RGB 115 35 83	#732353
66.7%	66.7% #6A1845	RGB 106 24 69	#6A1845
83.3%	83.3% #620E38	RGB 98 14 56	#620E38
100.0%	100.0% #5A042B	RGB 90 4 43	#5A042B

#8C427B #83376D #7B2D60 #732353 #6A1845 #620E38 #5A042B

#8C427B - #5A042B

HSV Blend

#8C427B - #5A042B | 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 #8C427B as 0% and #5A042B as 100%.

0.0%	0.0% #8C427B	RGB 140 66 123	#8C427B
16.7%	16.7% #83346D	RGB 131 52 109	#83346D
33.3%	33.3% #7B285F	RGB 123 40 95	#7B285F
50.0%	50.0% #731D51	RGB 115 29 81	#731D51
66.7%	66.7% #6A1344	RGB 106 19 68	#6A1344
83.3%	83.3% #620B37	RGB 98 11 55	#620B37
100.0%	100.0% #5A042B	RGB 90 4 43	#5A042B

#8C427B #83346D #7B285F #731D51 #6A1344 #620B37 #5A042B

#8C427B - #731D51 - #5A042B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C427B 0%, #731D51 50%, #5A042B 100%);
    background: -webkit-linear-gradient(top, #8C427B 0%, #731D51 50%, #5A042B 100%);
    background: linear-gradient(to bottom, #8C427B 0%, #731D51 50%, #5A042B 100%);
}
</style>