#646B5E - #C8B480 | 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 #646B5E to #C8B480

#646B5E #C8B480

Calculate the color between two colors, #646B5E and #C8B480. 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)

#646B5E - #C8B480 | 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 #646B5E as 0% and #C8B480 as 100%.

0.0%	0.0% #646B5E	RGB 100 107 94	#646B5E
16.7%	16.7% #747763	RGB 116 119 99	#747763
33.3%	33.3% #858369	RGB 133 131 105	#858369
50.0%	50.0% #968F6F	RGB 150 143 111	#968F6F
66.7%	66.7% #A69B74	RGB 166 155 116	#A69B74
83.3%	83.3% #B7A77A	RGB 183 167 122	#B7A77A
100.0%	100.0% #C8B480	RGB 200 180 128	#C8B480

#646B5E #747763 #858369 #968F6F #A69B74 #B7A77A #C8B480

#646B5E - #C8B480

HSV Blend

#646B5E - #C8B480 | 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 #646B5E as 0% and #C8B480 as 100%.

0.0%	0.0% #646B5E	RGB 100 107 94	#646B5E
16.7%	16.7% #727A66	RGB 114 122 102	#727A66
33.3%	33.3% #828A6E	RGB 130 138 110	#828A6E
50.0%	50.0% #949974	RGB 148 153 116	#949974
66.7%	66.7% #A9A879	RGB 169 168 121	#A9A879
83.3%	83.3% #B8B07D	RGB 184 176 125	#B8B07D
100.0%	100.0% #C8B480	RGB 200 180 128	#C8B480

#646B5E #727A66 #828A6E #949974 #A9A879 #B8B07D #C8B480

#646B5E - #949974 - #C8B480

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #646B5E 0%, #949974 50%, #C8B480 100%);
    background: -webkit-linear-gradient(top, #646B5E 0%, #949974 50%, #C8B480 100%);
    background: linear-gradient(to bottom, #646B5E 0%, #949974 50%, #C8B480 100%);
}
</style>