#5E706F - #A4B080 | 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 #5E706F to #A4B080

#5E706F #A4B080

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

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

0.0%	0.0% #5E706F	RGB 94 112 111	#5E706F
16.7%	16.7% #697A71	RGB 105 122 113	#697A71
33.3%	33.3% #758574	RGB 117 133 116	#758574
50.0%	50.0% #819077	RGB 129 144 119	#819077
66.7%	66.7% #8C9A7A	RGB 140 154 122	#8C9A7A
83.3%	83.3% #98A57D	RGB 152 165 125	#98A57D
100.0%	100.0% #A4B080	RGB 164 176 128	#A4B080

#5E706F #697A71 #758574 #819077 #8C9A7A #98A57D #A4B080

#5E706F - #A4B080

HSV Blend

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

0.0%	0.0% #5E706F	RGB 94 112 111	#5E706F
16.7%	16.7% #647A73	RGB 100 122 115	#647A73
33.3%	33.3% #6A8574	RGB 106 133 116	#6A8574
50.0%	50.0% #709073	RGB 112 144 115	#709073
66.7%	66.7% #7D9A76	RGB 125 154 118	#7D9A76
83.3%	83.3% #8EA57B	RGB 142 165 123	#8EA57B
100.0%	100.0% #A4B080	RGB 164 176 128	#A4B080

#5E706F #647A73 #6A8574 #709073 #7D9A76 #8EA57B #A4B080

#5E706F - #709073 - #A4B080

CSS codes

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

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