#5E8F70 - #A5A8AE | 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 #5E8F70 to #A5A8AE

#5E8F70 #A5A8AE

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

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

0.0%	0.0% #5E8F70	RGB 94 143 112	#5E8F70
16.7%	16.7% #69937A	RGB 105 147 122	#69937A
33.3%	33.3% #759784	RGB 117 151 132	#759784
50.0%	50.0% #819B8F	RGB 129 155 143	#819B8F
66.7%	66.7% #8D9F99	RGB 141 159 153	#8D9F99
83.3%	83.3% #99A3A3	RGB 153 163 163	#99A3A3
100.0%	100.0% #A5A8AE	RGB 165 168 174	#A5A8AE

#5E8F70 #69937A #759784 #819B8F #8D9F99 #99A3A3 #A5A8AE

#5E8F70 - #A5A8AE

HSV Blend

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

0.0%	0.0% #5E8F70	RGB 94 143 112	#5E8F70
16.7%	16.7% #689482	RGB 104 148 130	#689482
33.3%	33.3% #739991	RGB 115 153 145	#739991
50.0%	50.0% #7F9D9E	RGB 127 157 158	#7F9D9E
66.7%	66.7% #8B9DA3	RGB 139 157 163	#8B9DA3
83.3%	83.3% #97A1A8	RGB 151 161 168	#97A1A8
100.0%	100.0% #A5A8AE	RGB 165 168 174	#A5A8AE

#5E8F70 #689482 #739991 #7F9D9E #8B9DA3 #97A1A8 #A5A8AE

#5E8F70 - #7F9D9E - #A5A8AE

CSS codes

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

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