#5A5E5E - #80B87B | 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 #5A5E5E to #80B87B

#5A5E5E #80B87B

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

#5A5E5E - #80B87B | 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 #5A5E5E as 0% and #80B87B as 100%.

0.0%	0.0% #5A5E5E	RGB 90 94 94	#5A5E5E
16.7%	16.7% #606D62	RGB 96 109 98	#606D62
33.3%	33.3% #667C67	RGB 102 124 103	#667C67
50.0%	50.0% #6D8B6C	RGB 109 139 108	#6D8B6C
66.7%	66.7% #739A71	RGB 115 154 113	#739A71
83.3%	83.3% #79A976	RGB 121 169 118	#79A976
100.0%	100.0% #80B87B	RGB 128 184 123	#80B87B

#5A5E5E #606D62 #667C67 #6D8B6C #739A71 #79A976 #80B87B

#5A5E5E - #80B87B

HSV Blend

#5A5E5E - #80B87B | 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 #5A5E5E as 0% and #80B87B as 100%.

0.0%	0.0% #5A5E5E	RGB 90 94 94	#5A5E5E
16.7%	16.7% #636D6B	RGB 99 109 107	#636D6B
33.3%	33.3% #6A7C75	RGB 106 124 117	#6A7C75
50.0%	50.0% #718B7C	RGB 113 139 124	#718B7C
66.7%	66.7% #759A7F	RGB 117 154 127	#759A7F
83.3%	83.3% #79A97D	RGB 121 169 125	#79A97D
100.0%	100.0% #80B87B	RGB 128 184 123	#80B87B

#5A5E5E #636D6B #6A7C75 #718B7C #759A7F #79A97D #80B87B

#5A5E5E - #718B7C - #80B87B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A5E5E 0%, #718B7C 50%, #80B87B 100%);
    background: -webkit-linear-gradient(top, #5A5E5E 0%, #718B7C 50%, #80B87B 100%);
    background: linear-gradient(to bottom, #5A5E5E 0%, #718B7C 50%, #80B87B 100%);
}
</style>