#5E6554 - #C3AF79 | 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 #5E6554 to #C3AF79

#5E6554 #C3AF79

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

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

0.0%	0.0% #5E6554	RGB 94 101 84	#5E6554
16.7%	16.7% #6E715A	RGB 110 113 90	#6E715A
33.3%	33.3% #7F7D60	RGB 127 125 96	#7F7D60
50.0%	50.0% #908A66	RGB 144 138 102	#908A66
66.7%	66.7% #A1966C	RGB 161 150 108	#A1966C
83.3%	83.3% #B2A272	RGB 178 162 114	#B2A272
100.0%	100.0% #C3AF79	RGB 195 175 121	#C3AF79

#5E6554 #6E715A #7F7D60 #908A66 #A1966C #B2A272 #C3AF79

#5E6554 - #C3AF79

HSV Blend

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

0.0%	0.0% #5E6554	RGB 94 101 84	#5E6554
16.7%	16.7% #6D745C	RGB 109 116 92	#6D745C
33.3%	33.3% #7E8464	RGB 126 132 100	#7E8464
50.0%	50.0% #91946B	RGB 145 148 107	#91946B
66.7%	66.7% #A3A171	RGB 163 161 113	#A3A171
83.3%	83.3% #B3A975	RGB 179 169 117	#B3A975
100.0%	100.0% #C3AF79	RGB 195 175 121	#C3AF79

#5E6554 #6D745C #7E8464 #91946B #A3A171 #B3A975 #C3AF79

#5E6554 - #91946B - #C3AF79

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6554 0%, #91946B 50%, #C3AF79 100%);
    background: -webkit-linear-gradient(top, #5E6554 0%, #91946B 50%, #C3AF79 100%);
    background: linear-gradient(to bottom, #5E6554 0%, #91946B 50%, #C3AF79 100%);
}
</style>