#616856 - #C7B27A | 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 #616856 to #C7B27A

#616856 #C7B27A

Calculate the color between two colors, #616856 and #C7B27A. 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)

#616856 - #C7B27A | 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 #616856 as 0% and #C7B27A as 100%.

0.0%	0.0% #616856	RGB 97 104 86	#616856
16.7%	16.7% #72745C	RGB 114 116 92	#72745C
33.3%	33.3% #838062	RGB 131 128 98	#838062
50.0%	50.0% #948D68	RGB 148 141 104	#948D68
66.7%	66.7% #A5996E	RGB 165 153 110	#A5996E
83.3%	83.3% #B6A574	RGB 182 165 116	#B6A574
100.0%	100.0% #C7B27A	RGB 199 178 122	#C7B27A

#616856 #72745C #838062 #948D68 #A5996E #B6A574 #C7B27A

#616856 - #C7B27A

HSV Blend

#616856 - #C7B27A | 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 #616856 as 0% and #C7B27A as 100%.

0.0%	0.0% #616856	RGB 97 104 86	#616856
16.7%	16.7% #70775E	RGB 112 119 94	#70775E
33.3%	33.3% #828766	RGB 130 135 102	#828766
50.0%	50.0% #95976D	RGB 149 151 109	#95976D
66.7%	66.7% #A7A472	RGB 167 164 114	#A7A472
83.3%	83.3% #B7AC76	RGB 183 172 118	#B7AC76
100.0%	100.0% #C7B27A	RGB 199 178 122	#C7B27A

#616856 #70775E #828766 #95976D #A7A472 #B7AC76 #C7B27A

#616856 - #95976D - #C7B27A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #616856 0%, #95976D 50%, #C7B27A 100%);
    background: -webkit-linear-gradient(top, #616856 0%, #95976D 50%, #C7B27A 100%);
    background: linear-gradient(to bottom, #616856 0%, #95976D 50%, #C7B27A 100%);
}
</style>