#5F6D5E - #B5CD82 | 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 #5F6D5E to #B5CD82

#5F6D5E #B5CD82

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

#5F6D5E - #B5CD82 | 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 #5F6D5E as 0% and #B5CD82 as 100%.

0.0%	0.0% #5F6D5E	RGB 95 109 94	#5F6D5E
16.7%	16.7% #6D7D64	RGB 109 125 100	#6D7D64
33.3%	33.3% #7B8D6A	RGB 123 141 106	#7B8D6A
50.0%	50.0% #8A9D70	RGB 138 157 112	#8A9D70
66.7%	66.7% #98AD76	RGB 152 173 118	#98AD76
83.3%	83.3% #A6BD7C	RGB 166 189 124	#A6BD7C
100.0%	100.0% #B5CD82	RGB 181 205 130	#B5CD82

#5F6D5E #6D7D64 #7B8D6A #8A9D70 #98AD76 #A6BD7C #B5CD82

#5F6D5E - #B5CD82

HSV Blend

#5F6D5E - #B5CD82 | 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 #5F6D5E as 0% and #B5CD82 as 100%.

0.0%	0.0% #5F6D5E	RGB 95 109 94	#5F6D5E
16.7%	16.7% #6A7D67	RGB 106 125 103	#6A7D67
33.3%	33.3% #778D6E	RGB 119 141 110	#778D6E
50.0%	50.0% #849D75	RGB 132 157 117	#849D75
66.7%	66.7% #92AD7A	RGB 146 173 122	#92AD7A
83.3%	83.3% #A2BD7F	RGB 162 189 127	#A2BD7F
100.0%	100.0% #B5CD82	RGB 181 205 130	#B5CD82

#5F6D5E #6A7D67 #778D6E #849D75 #92AD7A #A2BD7F #B5CD82

#5F6D5E - #849D75 - #B5CD82

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5F6D5E 0%, #849D75 50%, #B5CD82 100%);
    background: -webkit-linear-gradient(top, #5F6D5E 0%, #849D75 50%, #B5CD82 100%);
    background: linear-gradient(to bottom, #5F6D5E 0%, #849D75 50%, #B5CD82 100%);
}
</style>