#554B6D - #9A8D8C | 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 #554B6D to #9A8D8C

#554B6D #9A8D8C

Calculate the color between two colors, #554B6D and #9A8D8C. 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)

#554B6D - #9A8D8C | 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 #554B6D as 0% and #9A8D8C as 100%.

0.0%	0.0% #554B6D	RGB 85 75 109	#554B6D
16.7%	16.7% #605672	RGB 96 86 114	#605672
33.3%	33.3% #6C6177	RGB 108 97 119	#6C6177
50.0%	50.0% #776C7C	RGB 119 108 124	#776C7C
66.7%	66.7% #837781	RGB 131 119 129	#837781
83.3%	83.3% #8E8286	RGB 142 130 134	#8E8286
100.0%	100.0% #9A8D8C	RGB 154 141 140	#9A8D8C

#554B6D #605672 #6C6177 #776C7C #837781 #8E8286 #9A8D8C

#554B6D - #9A8D8C

HSV Blend

#554B6D - #9A8D8C | 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 #554B6D as 0% and #9A8D8C as 100%.

0.0%	0.0% #554B6D	RGB 85 75 109	#554B6D
16.7%	16.7% #675474	RGB 103 84 116	#675474
33.3%	33.3% #785E7C	RGB 120 94 124	#785E7C
50.0%	50.0% #83697E	RGB 131 105 126	#83697E
66.7%	66.7% #8B7480	RGB 139 116 128	#8B7480
83.3%	83.3% #927F83	RGB 146 127 131	#927F83
100.0%	100.0% #9A8D8C	RGB 154 141 140	#9A8D8C

#554B6D #675474 #785E7C #83697E #8B7480 #927F83 #9A8D8C

#554B6D - #83697E - #9A8D8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #554B6D 0%, #83697E 50%, #9A8D8C 100%);
    background: -webkit-linear-gradient(top, #554B6D 0%, #83697E 50%, #9A8D8C 100%);
    background: linear-gradient(to bottom, #554B6D 0%, #83697E 50%, #9A8D8C 100%);
}
</style>