#495B5E - #B0A18B | 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 #495B5E to #B0A18B

#495B5E #B0A18B

Calculate the color between two colors, #495B5E and #B0A18B. 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)

#495B5E - #B0A18B | 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 #495B5E as 0% and #B0A18B as 100%.

0.0%	0.0% #495B5E	RGB 73 91 94	#495B5E
16.7%	16.7% #5A6665	RGB 90 102 101	#5A6665
33.3%	33.3% #6B726D	RGB 107 114 109	#6B726D
50.0%	50.0% #7C7E74	RGB 124 126 116	#7C7E74
66.7%	66.7% #8D897C	RGB 141 137 124	#8D897C
83.3%	83.3% #9E9583	RGB 158 149 131	#9E9583
100.0%	100.0% #B0A18B	RGB 176 161 139	#B0A18B

#495B5E #5A6665 #6B726D #7C7E74 #8D897C #9E9583 #B0A18B

#495B5E - #B0A18B

HSV Blend

#495B5E - #B0A18B | 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 #495B5E as 0% and #B0A18B as 100%.

0.0%	0.0% #495B5E	RGB 73 91 94	#495B5E
16.7%	16.7% #536B64	RGB 83 107 100	#536B64
33.3%	33.3% #5E7966	RGB 94 121 102	#5E7966
50.0%	50.0% #6D8769	RGB 109 135 105	#6D8769
66.7%	66.7% #869474	RGB 134 148 116	#869474
83.3%	83.3% #A1A27F	RGB 161 162 127	#A1A27F
100.0%	100.0% #B0A18B	RGB 176 161 139	#B0A18B

#495B5E #536B64 #5E7966 #6D8769 #869474 #A1A27F #B0A18B

#495B5E - #6D8769 - #B0A18B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #495B5E 0%, #6D8769 50%, #B0A18B 100%);
    background: -webkit-linear-gradient(top, #495B5E 0%, #6D8769 50%, #B0A18B 100%);
    background: linear-gradient(to bottom, #495B5E 0%, #6D8769 50%, #B0A18B 100%);
}
</style>