#9A8BAB - #50345C | 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 #9A8BAB to #50345C

#9A8BAB #50345C

Calculate the color between two colors, #9A8BAB and #50345C. 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)

#9A8BAB - #50345C | 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 #9A8BAB as 0% and #50345C as 100%.

0.0%	0.0% #9A8BAB	RGB 154 139 171	#9A8BAB
16.7%	16.7% #8D7C9D	RGB 141 124 157	#8D7C9D
33.3%	33.3% #816E90	RGB 129 110 144	#816E90
50.0%	50.0% #755F83	RGB 117 95 131	#755F83
66.7%	66.7% #685176	RGB 104 81 118	#685176
83.3%	83.3% #5C4269	RGB 92 66 105	#5C4269
100.0%	100.0% #50345C	RGB 80 52 92	#50345C

#9A8BAB #8D7C9D #816E90 #755F83 #685176 #5C4269 #50345C

#9A8BAB - #50345C

HSV Blend

#9A8BAB - #50345C | 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 #9A8BAB as 0% and #50345C as 100%.

0.0%	0.0% #9A8BAB	RGB 154 139 171	#9A8BAB
16.7%	16.7% #8C799D	RGB 140 121 157	#8C799D
33.3%	33.3% #7E6990	RGB 126 105 144	#7E6990
50.0%	50.0% #725A83	RGB 114 90 131	#725A83
66.7%	66.7% #664C76	RGB 102 76 118	#664C76
83.3%	83.3% #5B3F69	RGB 91 63 105	#5B3F69
100.0%	100.0% #50345C	RGB 80 52 92	#50345C

#9A8BAB #8C799D #7E6990 #725A83 #664C76 #5B3F69 #50345C

#9A8BAB - #725A83 - #50345C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A8BAB 0%, #725A83 50%, #50345C 100%);
    background: -webkit-linear-gradient(top, #9A8BAB 0%, #725A83 50%, #50345C 100%);
    background: linear-gradient(to bottom, #9A8BAB 0%, #725A83 50%, #50345C 100%);
}
</style>