#5E6560 - #A4A97B | 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 #5E6560 to #A4A97B

#5E6560 #A4A97B

Calculate the color between two colors, #5E6560 and #A4A97B. 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)

#5E6560 - #A4A97B | 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 #5E6560 as 0% and #A4A97B as 100%.

0.0%	0.0% #5E6560	RGB 94 101 96	#5E6560
16.7%	16.7% #697064	RGB 105 112 100	#697064
33.3%	33.3% #757B69	RGB 117 123 105	#757B69
50.0%	50.0% #81876D	RGB 129 135 109	#81876D
66.7%	66.7% #8C9272	RGB 140 146 114	#8C9272
83.3%	83.3% #989D76	RGB 152 157 118	#989D76
100.0%	100.0% #A4A97B	RGB 164 169 123	#A4A97B

#5E6560 #697064 #757B69 #81876D #8C9272 #989D76 #A4A97B

#5E6560 - #A4A97B

HSV Blend

#5E6560 - #A4A97B | 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 #5E6560 as 0% and #A4A97B as 100%.

0.0%	0.0% #5E6560	RGB 94 101 96	#5E6560
16.7%	16.7% #647065	RGB 100 112 101	#647065
33.3%	33.3% #6C7B6A	RGB 108 123 106	#6C7B6A
50.0%	50.0% #76876F	RGB 118 135 111	#76876F
66.7%	66.7% #839274	RGB 131 146 116	#839274
83.3%	83.3% #929D78	RGB 146 157 120	#929D78
100.0%	100.0% #A4A97B	RGB 164 169 123	#A4A97B

#5E6560 #647065 #6C7B6A #76876F #839274 #929D78 #A4A97B

#5E6560 - #76876F - #A4A97B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6560 0%, #76876F 50%, #A4A97B 100%);
    background: -webkit-linear-gradient(top, #5E6560 0%, #76876F 50%, #A4A97B 100%);
    background: linear-gradient(to bottom, #5E6560 0%, #76876F 50%, #A4A97B 100%);
}
</style>