#5E755D - #CBBB7A | 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 #5E755D to #CBBB7A

#5E755D #CBBB7A

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

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

0.0%	0.0% #5E755D	RGB 94 117 93	#5E755D
16.7%	16.7% #708061	RGB 112 128 97	#708061
33.3%	33.3% #828C66	RGB 130 140 102	#828C66
50.0%	50.0% #94986B	RGB 148 152 107	#94986B
66.7%	66.7% #A6A370	RGB 166 163 112	#A6A370
83.3%	83.3% #B8AF75	RGB 184 175 117	#B8AF75
100.0%	100.0% #CBBB7A	RGB 203 187 122	#CBBB7A

#5E755D #708061 #828C66 #94986B #A6A370 #B8AF75 #CBBB7A

#5E755D - #CBBB7A

HSV Blend

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

0.0%	0.0% #5E755D	RGB 94 117 93	#5E755D
16.7%	16.7% #6B8364	RGB 107 131 100	#6B8364
33.3%	33.3% #7B916A	RGB 123 145 106	#7B916A
50.0%	50.0% #8DA06F	RGB 141 160 111	#8DA06F
66.7%	66.7% #A3AE74	RGB 163 174 116	#A3AE74
83.3%	83.3% #BCBC77	RGB 188 188 119	#BCBC77
100.0%	100.0% #CBBB7A	RGB 203 187 122	#CBBB7A

#5E755D #6B8364 #7B916A #8DA06F #A3AE74 #BCBC77 #CBBB7A

#5E755D - #8DA06F - #CBBB7A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E755D 0%, #8DA06F 50%, #CBBB7A 100%);
    background: -webkit-linear-gradient(top, #5E755D 0%, #8DA06F 50%, #CBBB7A 100%);
    background: linear-gradient(to bottom, #5E755D 0%, #8DA06F 50%, #CBBB7A 100%);
}
</style>