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

#5E6661 #A4A97B

Calculate the color between two colors, #5E6661 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)

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

0.0%	0.0% #5E6661	RGB 94 102 97	#5E6661
16.7%	16.7% #697165	RGB 105 113 101	#697165
33.3%	33.3% #757C69	RGB 117 124 105	#757C69
50.0%	50.0% #81876E	RGB 129 135 110	#81876E
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

#5E6661 #697165 #757C69 #81876E #8C9272 #989D76 #A4A97B

#5E6661 - #A4A97B

HSV Blend

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

0.0%	0.0% #5E6661	RGB 94 102 97	#5E6661
16.7%	16.7% #647166	RGB 100 113 102	#647166
33.3%	33.3% #6B7C6A	RGB 107 124 106	#6B7C6A
50.0%	50.0% #75876F	RGB 117 135 111	#75876F
66.7%	66.7% #829274	RGB 130 146 116	#829274
83.3%	83.3% #919D77	RGB 145 157 119	#919D77
100.0%	100.0% #A4A97B	RGB 164 169 123	#A4A97B

#5E6661 #647166 #6B7C6A #75876F #829274 #919D77 #A4A97B

#5E6661 - #75876F - #A4A97B

CSS codes

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

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