#5E6D6E - #A0AE7E | 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 #5E6D6E to #A0AE7E

#5E6D6E #A0AE7E

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

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

0.0%	0.0% #5E6D6E	RGB 94 109 110	#5E6D6E
16.7%	16.7% #697770	RGB 105 119 112	#697770
33.3%	33.3% #748273	RGB 116 130 115	#748273
50.0%	50.0% #7F8D76	RGB 127 141 118	#7F8D76
66.7%	66.7% #8A9878	RGB 138 152 120	#8A9878
83.3%	83.3% #95A37B	RGB 149 163 123	#95A37B
100.0%	100.0% #A0AE7E	RGB 160 174 126	#A0AE7E

#5E6D6E #697770 #748273 #7F8D76 #8A9878 #95A37B #A0AE7E

#5E6D6E - #A0AE7E

HSV Blend

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

0.0%	0.0% #5E6D6E	RGB 94 109 110	#5E6D6E
16.7%	16.7% #647873	RGB 100 120 115	#647873
33.3%	33.3% #6A8376	RGB 106 131 118	#6A8376
50.0%	50.0% #708E75	RGB 112 142 117	#708E75
66.7%	66.7% #799875	RGB 121 152 117	#799875
83.3%	83.3% #8AA379	RGB 138 163 121	#8AA379
100.0%	100.0% #A0AE7E	RGB 160 174 126	#A0AE7E

#5E6D6E #647873 #6A8376 #708E75 #799875 #8AA379 #A0AE7E

#5E6D6E - #708E75 - #A0AE7E

CSS codes

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

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