#5C3E5E - #46074A | 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 #5C3E5E to #46074A

#5C3E5E #46074A

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

#5C3E5E - #46074A | 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 #5C3E5E as 0% and #46074A as 100%.

0.0%	0.0% #5C3E5E	RGB 92 62 94	#5C3E5E
16.7%	16.7% #58345A	RGB 88 52 90	#58345A
33.3%	33.3% #542B57	RGB 84 43 87	#542B57
50.0%	50.0% #512254	RGB 81 34 84	#512254
66.7%	66.7% #4D1950	RGB 77 25 80	#4D1950
83.3%	83.3% #49104D	RGB 73 16 77	#49104D
100.0%	100.0% #46074A	RGB 70 7 74	#46074A

#5C3E5E #58345A #542B57 #512254 #4D1950 #49104D #46074A

#5C3E5E - #46074A

HSV Blend

#5C3E5E - #46074A | 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 #5C3E5E as 0% and #46074A as 100%.

0.0%	0.0% #5C3E5E	RGB 92 62 94	#5C3E5E
16.7%	16.7% #58335A	RGB 88 51 90	#58335A
33.3%	33.3% #542957	RGB 84 41 87	#542957
50.0%	50.0% #501F54	RGB 80 31 84	#501F54
66.7%	66.7% #4D1650	RGB 77 22 80	#4D1650
83.3%	83.3% #490E4D	RGB 73 14 77	#490E4D
100.0%	100.0% #46074A	RGB 70 7 74	#46074A

#5C3E5E #58335A #542957 #501F54 #4D1650 #490E4D #46074A

#5C3E5E - #501F54 - #46074A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C3E5E 0%, #501F54 50%, #46074A 100%);
    background: -webkit-linear-gradient(top, #5C3E5E 0%, #501F54 50%, #46074A 100%);
    background: linear-gradient(to bottom, #5C3E5E 0%, #501F54 50%, #46074A 100%);
}
</style>