#514D5E - #94B48B | 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 #514D5E to #94B48B

#514D5E #94B48B

Calculate the color between two colors, #514D5E and #94B48B. 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)

#514D5E - #94B48B | 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 #514D5E as 0% and #94B48B as 100%.

0.0%	0.0% #514D5E	RGB 81 77 94	#514D5E
16.7%	16.7% #5C5E65	RGB 92 94 101	#5C5E65
33.3%	33.3% #676F6D	RGB 103 111 109	#676F6D
50.0%	50.0% #728074	RGB 114 128 116	#728074
66.7%	66.7% #7D917C	RGB 125 145 124	#7D917C
83.3%	83.3% #88A283	RGB 136 162 131	#88A283
100.0%	100.0% #94B48B	RGB 148 180 139	#94B48B

#514D5E #5C5E65 #676F6D #728074 #7D917C #88A283 #94B48B

#514D5E - #94B48B

HSV Blend

#514D5E - #94B48B | 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 #514D5E as 0% and #94B48B as 100%.

0.0%	0.0% #514D5E	RGB 81 77 94	#514D5E
16.7%	16.7% #575B6C	RGB 87 91 108	#575B6C
33.3%	33.3% #62707A	RGB 98 112 122	#62707A
50.0%	50.0% #6D8889	RGB 109 136 137	#6D8889
66.7%	66.7% #77978A	RGB 119 151 138	#77978A
83.3%	83.3% #81A588	RGB 129 165 136	#81A588
100.0%	100.0% #94B48B	RGB 148 180 139	#94B48B

#514D5E #575B6C #62707A #6D8889 #77978A #81A588 #94B48B

#514D5E - #6D8889 - #94B48B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #514D5E 0%, #6D8889 50%, #94B48B 100%);
    background: -webkit-linear-gradient(top, #514D5E 0%, #6D8889 50%, #94B48B 100%);
    background: linear-gradient(to bottom, #514D5E 0%, #6D8889 50%, #94B48B 100%);
}
</style>