#5E624F - #C3AD76 | 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 #5E624F to #C3AD76

#5E624F #C3AD76

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

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

0.0%	0.0% #5E624F	RGB 94 98 79	#5E624F
16.7%	16.7% #6E6E55	RGB 110 110 85	#6E6E55
33.3%	33.3% #7F7B5C	RGB 127 123 92	#7F7B5C
50.0%	50.0% #908762	RGB 144 135 98	#908762
66.7%	66.7% #A19469	RGB 161 148 105	#A19469
83.3%	83.3% #B2A06F	RGB 178 160 111	#B2A06F
100.0%	100.0% #C3AD76	RGB 195 173 118	#C3AD76

#5E624F #6E6E55 #7F7B5C #908762 #A19469 #B2A06F #C3AD76

#5E624F - #C3AD76

HSV Blend

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

0.0%	0.0% #5E624F	RGB 94 98 79	#5E624F
16.7%	16.7% #6E7258	RGB 110 114 88	#6E7258
33.3%	33.3% #808260	RGB 128 130 96	#808260
50.0%	50.0% #929067	RGB 146 144 103	#929067
66.7%	66.7% #A29C6D	RGB 162 156 109	#A29C6D
83.3%	83.3% #B2A572	RGB 178 165 114	#B2A572
100.0%	100.0% #C3AD76	RGB 195 173 118	#C3AD76

#5E624F #6E7258 #808260 #929067 #A29C6D #B2A572 #C3AD76

#5E624F - #929067 - #C3AD76

CSS codes

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

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