#4B4B6D - #9A8C8F | 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 #4B4B6D to #9A8C8F

#4B4B6D #9A8C8F

Calculate the color between two colors, #4B4B6D and #9A8C8F. 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)

#4B4B6D - #9A8C8F | 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 #4B4B6D as 0% and #9A8C8F as 100%.

0.0%	0.0% #4B4B6D	RGB 75 75 109	#4B4B6D
16.7%	16.7% #585572	RGB 88 85 114	#585572
33.3%	33.3% #656078	RGB 101 96 120	#656078
50.0%	50.0% #726B7E	RGB 114 107 126	#726B7E
66.7%	66.7% #7F7683	RGB 127 118 131	#7F7683
83.3%	83.3% #8C8189	RGB 140 129 137	#8C8189
100.0%	100.0% #9A8C8F	RGB 154 140 143	#9A8C8F

#4B4B6D #585572 #656078 #726B7E #7F7683 #8C8189 #9A8C8F

#4B4B6D - #9A8C8F

HSV Blend

#4B4B6D - #9A8C8F | 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 #4B4B6D as 0% and #9A8C8F as 100%.

0.0%	0.0% #4B4B6D	RGB 75 75 109	#4B4B6D
16.7%	16.7% #5D5474	RGB 93 84 116	#5D5474
33.3%	33.3% #705E7C	RGB 112 94 124	#705E7C
50.0%	50.0% #806983	RGB 128 105 131	#806983
66.7%	66.7% #8B7486	RGB 139 116 134	#8B7486
83.3%	83.3% #927F89	RGB 146 127 137	#927F89
100.0%	100.0% #9A8C8F	RGB 154 140 143	#9A8C8F

#4B4B6D #5D5474 #705E7C #806983 #8B7486 #927F89 #9A8C8F

#4B4B6D - #806983 - #9A8C8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B4B6D 0%, #806983 50%, #9A8C8F 100%);
    background: -webkit-linear-gradient(top, #4B4B6D 0%, #806983 50%, #9A8C8F 100%);
    background: linear-gradient(to bottom, #4B4B6D 0%, #806983 50%, #9A8C8F 100%);
}
</style>