#656D78 - #C3AE97 | 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 #656D78 to #C3AE97

#656D78 #C3AE97

Calculate the color between two colors, #656D78 and #C3AE97. 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)

#656D78 - #C3AE97 | 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 #656D78 as 0% and #C3AE97 as 100%.

0.0%	0.0% #656D78	RGB 101 109 120	#656D78
16.7%	16.7% #74777D	RGB 116 119 125	#74777D
33.3%	33.3% #848282	RGB 132 130 130	#848282
50.0%	50.0% #948D87	RGB 148 141 135	#948D87
66.7%	66.7% #A3988C	RGB 163 152 140	#A3988C
83.3%	83.3% #B3A391	RGB 179 163 145	#B3A391
100.0%	100.0% #C3AE97	RGB 195 174 151	#C3AE97

#656D78 #74777D #848282 #948D87 #A3988C #B3A391 #C3AE97

#656D78 - #C3AE97

HSV Blend

#656D78 - #C3AE97 | 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 #656D78 as 0% and #C3AE97 as 100%.

0.0%	0.0% #656D78	RGB 101 109 120	#656D78
16.7%	16.7% #6F6E84	RGB 111 110 132	#6F6E84
33.3%	33.3% #857691	RGB 133 118 145	#857691
50.0%	50.0% #9D7F9B	RGB 157 127 155	#9D7F9B
66.7%	66.7% #AA8797	RGB 170 135 151	#AA8797
83.3%	83.3% #B6908F	RGB 182 144 143	#B6908F
100.0%	100.0% #C3AE97	RGB 195 174 151	#C3AE97

#656D78 #6F6E84 #857691 #9D7F9B #AA8797 #B6908F #C3AE97

#656D78 - #9D7F9B - #C3AE97

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #656D78 0%, #9D7F9B 50%, #C3AE97 100%);
    background: -webkit-linear-gradient(top, #656D78 0%, #9D7F9B 50%, #C3AE97 100%);
    background: linear-gradient(to bottom, #656D78 0%, #9D7F9B 50%, #C3AE97 100%);
}
</style>