#5E204D - #BC5A74 | 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 #5E204D to #BC5A74

#5E204D #BC5A74

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

#5E204D - #BC5A74 | 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 #5E204D as 0% and #BC5A74 as 100%.

0.0%	0.0% #5E204D	RGB 94 32 77	#5E204D
16.7%	16.7% #6D2953	RGB 109 41 83	#6D2953
33.3%	33.3% #7D335A	RGB 125 51 90	#7D335A
50.0%	50.0% #8D3D60	RGB 141 61 96	#8D3D60
66.7%	66.7% #9C4667	RGB 156 70 103	#9C4667
83.3%	83.3% #AC506D	RGB 172 80 109	#AC506D
100.0%	100.0% #BC5A74	RGB 188 90 116	#BC5A74

#5E204D #6D2953 #7D335A #8D3D60 #9C4667 #AC506D #BC5A74

#5E204D - #BC5A74

HSV Blend

#5E204D - #BC5A74 | 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 #5E204D as 0% and #BC5A74 as 100%.

0.0%	0.0% #5E204D	RGB 94 32 77	#5E204D
16.7%	16.7% #6D2755	RGB 109 39 85	#6D2755
33.3%	33.3% #7D305C	RGB 125 48 92	#7D305C
50.0%	50.0% #8D3963	RGB 141 57 99	#8D3963
66.7%	66.7% #9C4369	RGB 156 67 105	#9C4369
83.3%	83.3% #AC4E6E	RGB 172 78 110	#AC4E6E
100.0%	100.0% #BC5A74	RGB 188 90 116	#BC5A74

#5E204D #6D2755 #7D305C #8D3963 #9C4369 #AC4E6E #BC5A74

#5E204D - #8D3963 - #BC5A74

CSS codes

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

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