#7A7A6D - #EFBE86 | 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 #7A7A6D to #EFBE86

#7A7A6D #EFBE86

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

#7A7A6D - #EFBE86 | 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 #7A7A6D as 0% and #EFBE86 as 100%.

0.0%	0.0% #7A7A6D	RGB 122 122 109	#7A7A6D
16.7%	16.7% #8D8571	RGB 141 133 113	#8D8571
33.3%	33.3% #A19075	RGB 161 144 117	#A19075
50.0%	50.0% #B49C79	RGB 180 156 121	#B49C79
66.7%	66.7% #C8A77D	RGB 200 167 125	#C8A77D
83.3%	83.3% #DBB281	RGB 219 178 129	#DBB281
100.0%	100.0% #EFBE86	RGB 239 190 134	#EFBE86

#7A7A6D #8D8571 #A19075 #B49C79 #C8A77D #DBB281 #EFBE86

#7A7A6D - #EFBE86

HSV Blend

#7A7A6D - #EFBE86 | 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 #7A7A6D as 0% and #EFBE86 as 100%.

0.0%	0.0% #7A7A6D	RGB 122 122 109	#7A7A6D
16.7%	16.7% #8D8B76	RGB 141 139 118	#8D8B76
33.3%	33.3% #A19B7D	RGB 161 155 125	#A19B7D
50.0%	50.0% #B4A983	RGB 180 169 131	#B4A983
66.7%	66.7% #C8B386	RGB 200 179 134	#C8B386
83.3%	83.3% #DBBA87	RGB 219 186 135	#DBBA87
100.0%	100.0% #EFBE86	RGB 239 190 134	#EFBE86

#7A7A6D #8D8B76 #A19B7D #B4A983 #C8B386 #DBBA87 #EFBE86

#7A7A6D - #B4A983 - #EFBE86

CSS codes

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

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