#5E7E7A - #A1BE86 | 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 #5E7E7A to #A1BE86

#5E7E7A #A1BE86

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

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

0.0%	0.0% #5E7E7A	RGB 94 126 122	#5E7E7A
16.7%	16.7% #69887C	RGB 105 136 124	#69887C
33.3%	33.3% #74937E	RGB 116 147 126	#74937E
50.0%	50.0% #7F9E80	RGB 127 158 128	#7F9E80
66.7%	66.7% #8AA882	RGB 138 168 130	#8AA882
83.3%	83.3% #95B384	RGB 149 179 132	#95B384
100.0%	100.0% #A1BE86	RGB 161 190 134	#A1BE86

#5E7E7A #69887C #74937E #7F9E80 #8AA882 #95B384 #A1BE86

#5E7E7A - #A1BE86

HSV Blend

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

0.0%	0.0% #5E7E7A	RGB 94 126 122	#5E7E7A
16.7%	16.7% #65887C	RGB 101 136 124	#65887C
33.3%	33.3% #6B937C	RGB 107 147 124	#6B937C
50.0%	50.0% #729E7B	RGB 114 158 123	#729E7B
66.7%	66.7% #7AA879	RGB 122 168 121	#7AA879
83.3%	83.3% #8CB37F	RGB 140 179 127	#8CB37F
100.0%	100.0% #A1BE86	RGB 161 190 134	#A1BE86

#5E7E7A #65887C #6B937C #729E7B #7AA879 #8CB37F #A1BE86

#5E7E7A - #729E7B - #A1BE86

CSS codes

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

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