#5B5E5D - #94B97C | 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 #5B5E5D to #94B97C

#5B5E5D #94B97C

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

#5B5E5D - #94B97C | 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 #5B5E5D as 0% and #94B97C as 100%.

0.0%	0.0% #5B5E5D	RGB 91 94 93	#5B5E5D
16.7%	16.7% #646D62	RGB 100 109 98	#646D62
33.3%	33.3% #6E7C67	RGB 110 124 103	#6E7C67
50.0%	50.0% #778B6C	RGB 119 139 108	#778B6C
66.7%	66.7% #819A71	RGB 129 154 113	#819A71
83.3%	83.3% #8AA976	RGB 138 169 118	#8AA976
100.0%	100.0% #94B97C	RGB 148 185 124	#94B97C

#5B5E5D #646D62 #6E7C67 #778B6C #819A71 #8AA976 #94B97C

#5B5E5D - #94B97C

HSV Blend

#5B5E5D - #94B97C | 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 #5B5E5D as 0% and #94B97C as 100%.

0.0%	0.0% #5B5E5D	RGB 91 94 93	#5B5E5D
16.7%	16.7% #646D68	RGB 100 109 104	#646D68
33.3%	33.3% #6C7C71	RGB 108 124 113	#6C7C71
50.0%	50.0% #728B75	RGB 114 139 117	#728B75
66.7%	66.7% #789A77	RGB 120 154 119	#789A77
83.3%	83.3% #84A97A	RGB 132 169 122	#84A97A
100.0%	100.0% #94B97C	RGB 148 185 124	#94B97C

#5B5E5D #646D68 #6C7C71 #728B75 #789A77 #84A97A #94B97C

#5B5E5D - #728B75 - #94B97C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B5E5D 0%, #728B75 50%, #94B97C 100%);
    background: -webkit-linear-gradient(top, #5B5E5D 0%, #728B75 50%, #94B97C 100%);
    background: linear-gradient(to bottom, #5B5E5D 0%, #728B75 50%, #94B97C 100%);
}
</style>