#6A6B6D - #C6AA8B | 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 #6A6B6D to #C6AA8B

#6A6B6D #C6AA8B

Calculate the color between two colors, #6A6B6D and #C6AA8B. 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)

#6A6B6D - #C6AA8B | 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 #6A6B6D as 0% and #C6AA8B as 100%.

0.0%	0.0% #6A6B6D	RGB 106 107 109	#6A6B6D
16.7%	16.7% #797572	RGB 121 117 114	#797572
33.3%	33.3% #888077	RGB 136 128 119	#888077
50.0%	50.0% #988A7C	RGB 152 138 124	#988A7C
66.7%	66.7% #A79581	RGB 167 149 129	#A79581
83.3%	83.3% #B69F86	RGB 182 159 134	#B69F86
100.0%	100.0% #C6AA8B	RGB 198 170 139	#C6AA8B

#6A6B6D #797572 #888077 #988A7C #A79581 #B69F86 #C6AA8B

#6A6B6D - #C6AA8B

HSV Blend

#6A6B6D - #C6AA8B | 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 #6A6B6D as 0% and #C6AA8B as 100%.

0.0%	0.0% #6A6B6D	RGB 106 107 109	#6A6B6D
16.7%	16.7% #74727B	RGB 116 114 123	#74727B
33.3%	33.3% #847A8A	RGB 132 122 138	#847A8A
50.0%	50.0% #998097	RGB 153 128 151	#998097
66.7%	66.7% #A88594	RGB 168 133 148	#A88594
83.3%	83.3% #B78B88	RGB 183 139 136	#B78B88
100.0%	100.0% #C6AA8B	RGB 198 170 139	#C6AA8B

#6A6B6D #74727B #847A8A #998097 #A88594 #B78B88 #C6AA8B

#6A6B6D - #998097 - #C6AA8B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6A6B6D 0%, #998097 50%, #C6AA8B 100%);
    background: -webkit-linear-gradient(top, #6A6B6D 0%, #998097 50%, #C6AA8B 100%);
    background: linear-gradient(to bottom, #6A6B6D 0%, #998097 50%, #C6AA8B 100%);
}
</style>