#8D6B93 - #5A1F5E | 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 #8D6B93 to #5A1F5E

#8D6B93 #5A1F5E

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

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

0.0%	0.0% #8D6B93	RGB 141 107 147	#8D6B93
16.7%	16.7% #845E8A	RGB 132 94 138	#845E8A
33.3%	33.3% #7C5181	RGB 124 81 129	#7C5181
50.0%	50.0% #734578	RGB 115 69 120	#734578
66.7%	66.7% #6B386F	RGB 107 56 111	#6B386F
83.3%	83.3% #622B66	RGB 98 43 102	#622B66
100.0%	100.0% #5A1F5E	RGB 90 31 94	#5A1F5E

#8D6B93 #845E8A #7C5181 #734578 #6B386F #622B66 #5A1F5E

#8D6B93 - #5A1F5E

HSV Blend

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

0.0%	0.0% #8D6B93	RGB 141 107 147	#8D6B93
16.7%	16.7% #835B8A	RGB 131 91 138	#835B8A
33.3%	33.3% #7A4C81	RGB 122 76 129	#7A4C81
50.0%	50.0% #723F78	RGB 114 63 120	#723F78
66.7%	66.7% #6A336F	RGB 106 51 111	#6A336F
83.3%	83.3% #612866	RGB 97 40 102	#612866
100.0%	100.0% #5A1F5E	RGB 90 31 94	#5A1F5E

#8D6B93 #835B8A #7A4C81 #723F78 #6A336F #612866 #5A1F5E

#8D6B93 - #723F78 - #5A1F5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D6B93 0%, #723F78 50%, #5A1F5E 100%);
    background: -webkit-linear-gradient(top, #8D6B93 0%, #723F78 50%, #5A1F5E 100%);
    background: linear-gradient(to bottom, #8D6B93 0%, #723F78 50%, #5A1F5E 100%);
}
</style>