#696969 - #E6B894 | 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 #696969 to #E6B894

#696969 #E6B894

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

#696969 - #E6B894 | 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 #696969 as 0% and #E6B894 as 100%.

0.0%	0.0% #696969	RGB 105 105 105	#696969
16.7%	16.7% #7D7670	RGB 125 118 112	#7D7670
33.3%	33.3% #928377	RGB 146 131 119	#928377
50.0%	50.0% #A7907E	RGB 167 144 126	#A7907E
66.7%	66.7% #BC9D85	RGB 188 157 133	#BC9D85
83.3%	83.3% #D1AA8C	RGB 209 170 140	#D1AA8C
100.0%	100.0% #E6B894	RGB 230 184 148	#E6B894

#696969 #7D7670 #928377 #A7907E #BC9D85 #D1AA8C #E6B894

#696969 - #E6B894

HSV Blend

#696969 - #E6B894 | 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 #696969 as 0% and #E6B894 as 100%.

0.0%	0.0% #696969	RGB 105 105 105	#696969
16.7%	16.7% #7D7676	RGB 125 118 118	#7D7676
33.3%	33.3% #928381	RGB 146 131 129	#928381
50.0%	50.0% #A79089	RGB 167 144 137	#A79089
66.7%	66.7% #BC9C8F	RGB 188 156 143	#BC9C8F
83.3%	83.3% #D1A993	RGB 209 169 147	#D1A993
100.0%	100.0% #E6B894	RGB 230 184 148	#E6B894

#696969 #7D7676 #928381 #A79089 #BC9C8F #D1A993 #E6B894

#696969 - #A79089 - #E6B894

CSS codes

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

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