#555A8C - #A49EAB | 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 #555A8C to #A49EAB

#555A8C #A49EAB

Calculate the color between two colors, #555A8C and #A49EAB. 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)

#555A8C - #A49EAB | 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 #555A8C as 0% and #A49EAB as 100%.

0.0%	0.0% #555A8C	RGB 85 90 140	#555A8C
16.7%	16.7% #626591	RGB 98 101 145	#626591
33.3%	33.3% #6F7096	RGB 111 112 150	#6F7096
50.0%	50.0% #7C7C9B	RGB 124 124 155	#7C7C9B
66.7%	66.7% #8987A0	RGB 137 135 160	#8987A0
83.3%	83.3% #9692A5	RGB 150 146 165	#9692A5
100.0%	100.0% #A49EAB	RGB 164 158 171	#A49EAB

#555A8C #626591 #6F7096 #7C7C9B #8987A0 #9692A5 #A49EAB

#555A8C - #A49EAB

HSV Blend

#555A8C - #A49EAB | 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 #555A8C as 0% and #A49EAB as 100%.

0.0%	0.0% #555A8C	RGB 85 90 140	#555A8C
16.7%	16.7% #5F5F91	RGB 95 95 145	#5F5F91
33.3%	33.3% #6F6B96	RGB 111 107 150	#6F6B96
50.0%	50.0% #7D779B	RGB 125 119 155	#7D779B
66.7%	66.7% #8B83A0	RGB 139 131 160	#8B83A0
83.3%	83.3% #9890A5	RGB 152 144 165	#9890A5
100.0%	100.0% #A49EAB	RGB 164 158 171	#A49EAB

#555A8C #5F5F91 #6F6B96 #7D779B #8B83A0 #9890A5 #A49EAB

#555A8C - #7D779B - #A49EAB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #555A8C 0%, #7D779B 50%, #A49EAB 100%);
    background: -webkit-linear-gradient(top, #555A8C 0%, #7D779B 50%, #A49EAB 100%);
    background: linear-gradient(to bottom, #555A8C 0%, #7D779B 50%, #A49EAB 100%);
}
</style>