#553E5E - #3A074A | 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 #553E5E to #3A074A

#553E5E #3A074A

Calculate the color between two colors, #553E5E and #3A074A. 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)

#553E5E - #3A074A | 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 #553E5E as 0% and #3A074A as 100%.

0.0%	0.0% #553E5E	RGB 85 62 94	#553E5E
16.7%	16.7% #50345A	RGB 80 52 90	#50345A
33.3%	33.3% #4C2B57	RGB 76 43 87	#4C2B57
50.0%	50.0% #472254	RGB 71 34 84	#472254
66.7%	66.7% #431950	RGB 67 25 80	#431950
83.3%	83.3% #3E104D	RGB 62 16 77	#3E104D
100.0%	100.0% #3A074A	RGB 58 7 74	#3A074A

#553E5E #50345A #4C2B57 #472254 #431950 #3E104D #3A074A

#553E5E - #3A074A

HSV Blend

#553E5E - #3A074A | 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 #553E5E as 0% and #3A074A as 100%.

0.0%	0.0% #553E5E	RGB 85 62 94	#553E5E
16.7%	16.7% #4F335A	RGB 79 51 90	#4F335A
33.3%	33.3% #4A2957	RGB 74 41 87	#4A2957
50.0%	50.0% #461F54	RGB 70 31 84	#461F54
66.7%	66.7% #421650	RGB 66 22 80	#421650
83.3%	83.3% #3D0E4D	RGB 61 14 77	#3D0E4D
100.0%	100.0% #3A074A	RGB 58 7 74	#3A074A

#553E5E #4F335A #4A2957 #461F54 #421650 #3D0E4D #3A074A

#553E5E - #461F54 - #3A074A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #553E5E 0%, #461F54 50%, #3A074A 100%);
    background: -webkit-linear-gradient(top, #553E5E 0%, #461F54 50%, #3A074A 100%);
    background: linear-gradient(to bottom, #553E5E 0%, #461F54 50%, #3A074A 100%);
}
</style>