#7B7C6D - #DBC491 | 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 #7B7C6D to #DBC491

#7B7C6D #DBC491

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

#7B7C6D - #DBC491 | 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 #7B7C6D as 0% and #DBC491 as 100%.

0.0%	0.0% #7B7C6D	RGB 123 124 109	#7B7C6D
16.7%	16.7% #8B8873	RGB 139 136 115	#8B8873
33.3%	33.3% #9B9479	RGB 155 148 121	#9B9479
50.0%	50.0% #ABA07F	RGB 171 160 127	#ABA07F
66.7%	66.7% #BBAC85	RGB 187 172 133	#BBAC85
83.3%	83.3% #CBB88B	RGB 203 184 139	#CBB88B
100.0%	100.0% #DBC491	RGB 219 196 145	#DBC491

#7B7C6D #8B8873 #9B9479 #ABA07F #BBAC85 #CBB88B #DBC491

#7B7C6D - #DBC491

HSV Blend

#7B7C6D - #DBC491 | 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 #7B7C6D as 0% and #DBC491 as 100%.

0.0%	0.0% #7B7C6D	RGB 123 124 109	#7B7C6D
16.7%	16.7% #8B8B75	RGB 139 139 117	#8B8B75
33.3%	33.3% #9B997D	RGB 155 153 125	#9B997D
50.0%	50.0% #ABA684	RGB 171 166 132	#ABA684
66.7%	66.7% #BBB289	RGB 187 178 137	#BBB289
83.3%	83.3% #CBBB8D	RGB 203 187 141	#CBBB8D
100.0%	100.0% #DBC491	RGB 219 196 145	#DBC491

#7B7C6D #8B8B75 #9B997D #ABA684 #BBB289 #CBBB8D #DBC491

#7B7C6D - #ABA684 - #DBC491

CSS codes

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

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