#5B5E5B - #9CA277 | 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 #5B5E5B to #9CA277

#5B5E5B #9CA277

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

#5B5E5B - #9CA277 | 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 #5B5E5B as 0% and #9CA277 as 100%.

0.0%	0.0% #5B5E5B	RGB 91 94 91	#5B5E5B
16.7%	16.7% #65695F	RGB 101 105 95	#65695F
33.3%	33.3% #707464	RGB 112 116 100	#707464
50.0%	50.0% #7B8069	RGB 123 128 105	#7B8069
66.7%	66.7% #868B6D	RGB 134 139 109	#868B6D
83.3%	83.3% #919672	RGB 145 150 114	#919672
100.0%	100.0% #9CA277	RGB 156 162 119	#9CA277

#5B5E5B #65695F #707464 #7B8069 #868B6D #919672 #9CA277

#5B5E5B - #9CA277

HSV Blend

#5B5E5B - #9CA277 | 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 #5B5E5B as 0% and #9CA277 as 100%.

0.0%	0.0% #5B5E5B	RGB 91 94 91	#5B5E5B
16.7%	16.7% #626961	RGB 98 105 97	#626961
33.3%	33.3% #6B7467	RGB 107 116 103	#6B7467
50.0%	50.0% #75806C	RGB 117 128 108	#75806C
66.7%	66.7% #808B71	RGB 128 139 113	#808B71
83.3%	83.3% #8D9674	RGB 141 150 116	#8D9674
100.0%	100.0% #9CA277	RGB 156 162 119	#9CA277

#5B5E5B #626961 #6B7467 #75806C #808B71 #8D9674 #9CA277

#5B5E5B - #75806C - #9CA277

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B5E5B 0%, #75806C 50%, #9CA277 100%);
    background: -webkit-linear-gradient(top, #5B5E5B 0%, #75806C 50%, #9CA277 100%);
    background: linear-gradient(to bottom, #5B5E5B 0%, #75806C 50%, #9CA277 100%);
}
</style>