#4F5E5C - #93A073 | 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 #4F5E5C to #93A073

#4F5E5C #93A073

Calculate the color between two colors, #4F5E5C and #93A073. 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)

#4F5E5C - #93A073 | 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 #4F5E5C as 0% and #93A073 as 100%.

0.0%	0.0% #4F5E5C	RGB 79 94 92	#4F5E5C
16.7%	16.7% #5A695F	RGB 90 105 95	#5A695F
33.3%	33.3% #657463	RGB 101 116 99	#657463
50.0%	50.0% #717F67	RGB 113 127 103	#717F67
66.7%	66.7% #7C8A6B	RGB 124 138 107	#7C8A6B
83.3%	83.3% #87956F	RGB 135 149 111	#87956F
100.0%	100.0% #93A073	RGB 147 160 115	#93A073

#4F5E5C #5A695F #657463 #717F67 #7C8A6B #87956F #93A073

#4F5E5C - #93A073

HSV Blend

#4F5E5C - #93A073 | 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 #4F5E5C as 0% and #93A073 as 100%.

0.0%	0.0% #4F5E5C	RGB 79 94 92	#4F5E5C
16.7%	16.7% #566961	RGB 86 105 97	#566961
33.3%	33.3% #5C7464	RGB 92 116 100	#5C7464
50.0%	50.0% #637F65	RGB 99 127 101	#637F65
66.7%	66.7% #6E8A68	RGB 110 138 104	#6E8A68
83.3%	83.3% #7F956E	RGB 127 149 110	#7F956E
100.0%	100.0% #93A073	RGB 147 160 115	#93A073

#4F5E5C #566961 #5C7464 #637F65 #6E8A68 #7F956E #93A073

#4F5E5C - #637F65 - #93A073

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F5E5C 0%, #637F65 50%, #93A073 100%);
    background: -webkit-linear-gradient(top, #4F5E5C 0%, #637F65 50%, #93A073 100%);
    background: linear-gradient(to bottom, #4F5E5C 0%, #637F65 50%, #93A073 100%);
}
</style>