#4D516B - #A2938E | 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 #4D516B to #A2938E

#4D516B #A2938E

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

#4D516B - #A2938E | 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 #4D516B as 0% and #A2938E as 100%.

0.0%	0.0% #4D516B	RGB 77 81 107	#4D516B
16.7%	16.7% #5B5C70	RGB 91 92 112	#5B5C70
33.3%	33.3% #696776	RGB 105 103 118	#696776
50.0%	50.0% #77727C	RGB 119 114 124	#77727C
66.7%	66.7% #857D82	RGB 133 125 130	#857D82
83.3%	83.3% #938888	RGB 147 136 136	#938888
100.0%	100.0% #A2938E	RGB 162 147 142	#A2938E

#4D516B #5B5C70 #696776 #77727C #857D82 #938888 #A2938E

#4D516B - #A2938E

HSV Blend

#4D516B - #A2938E | 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 #4D516B as 0% and #A2938E as 100%.

0.0%	0.0% #4D516B	RGB 77 81 107	#4D516B
16.7%	16.7% #5E5674	RGB 94 86 116	#5E5674
33.3%	33.3% #73607D	RGB 115 96 125	#73607D
50.0%	50.0% #866B84	RGB 134 107 132	#866B84
66.7%	66.7% #8F7684	RGB 143 118 132	#8F7684
83.3%	83.3% #988185	RGB 152 129 133	#988185
100.0%	100.0% #A2938E	RGB 162 147 142	#A2938E

#4D516B #5E5674 #73607D #866B84 #8F7684 #988185 #A2938E

#4D516B - #866B84 - #A2938E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D516B 0%, #866B84 50%, #A2938E 100%);
    background: -webkit-linear-gradient(top, #4D516B 0%, #866B84 50%, #A2938E 100%);
    background: linear-gradient(to bottom, #4D516B 0%, #866B84 50%, #A2938E 100%);
}
</style>