#4F5E5D - #92A073 | 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 #4F5E5D to #92A073

#4F5E5D #92A073

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

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

0.0%	0.0% #4F5E5D	RGB 79 94 93	#4F5E5D
16.7%	16.7% #5A6960	RGB 90 105 96	#5A6960
33.3%	33.3% #657464	RGB 101 116 100	#657464
50.0%	50.0% #707F68	RGB 112 127 104	#707F68
66.7%	66.7% #7B8A6B	RGB 123 138 107	#7B8A6B
83.3%	83.3% #86956F	RGB 134 149 111	#86956F
100.0%	100.0% #92A073	RGB 146 160 115	#92A073

#4F5E5D #5A6960 #657464 #707F68 #7B8A6B #86956F #92A073

#4F5E5D - #92A073

HSV Blend

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

0.0%	0.0% #4F5E5D	RGB 79 94 93	#4F5E5D
16.7%	16.7% #566962	RGB 86 105 98	#566962
33.3%	33.3% #5C7465	RGB 92 116 101	#5C7465
50.0%	50.0% #637F66	RGB 99 127 102	#637F66
66.7%	66.7% #6D8A68	RGB 109 138 104	#6D8A68
83.3%	83.3% #7E956E	RGB 126 149 110	#7E956E
100.0%	100.0% #92A073	RGB 146 160 115	#92A073

#4F5E5D #566962 #5C7465 #637F66 #6D8A68 #7E956E #92A073

#4F5E5D - #637F66 - #92A073

CSS codes

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

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