#4D4D72 - #9C8F94 | 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 #4D4D72 to #9C8F94

#4D4D72 #9C8F94

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

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

0.0%	0.0% #4D4D72	RGB 77 77 114	#4D4D72
16.7%	16.7% #5A5877	RGB 90 88 119	#5A5877
33.3%	33.3% #67637D	RGB 103 99 125	#67637D
50.0%	50.0% #746E83	RGB 116 110 131	#746E83
66.7%	66.7% #817988	RGB 129 121 136	#817988
83.3%	83.3% #8E848E	RGB 142 132 142	#8E848E
100.0%	100.0% #9C8F94	RGB 156 143 148	#9C8F94

#4D4D72 #5A5877 #67637D #746E83 #817988 #8E848E #9C8F94

#4D4D72 - #9C8F94

HSV Blend

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

0.0%	0.0% #4D4D72	RGB 77 77 114	#4D4D72
16.7%	16.7% #5F5679	RGB 95 86 121	#5F5679
33.3%	33.3% #716080	RGB 113 96 128	#716080
50.0%	50.0% #816B87	RGB 129 107 135	#816B87
66.7%	66.7% #8E768C	RGB 142 118 140	#8E768C
83.3%	83.3% #95828E	RGB 149 130 142	#95828E
100.0%	100.0% #9C8F94	RGB 156 143 148	#9C8F94

#4D4D72 #5F5679 #716080 #816B87 #8E768C #95828E #9C8F94

#4D4D72 - #816B87 - #9C8F94

CSS codes

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

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