#7E8B8D - #DCC6AB | 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 #7E8B8D to #DCC6AB

#7E8B8D #DCC6AB

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

#7E8B8D - #DCC6AB | 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 #7E8B8D as 0% and #DCC6AB as 100%.

0.0%	0.0% #7E8B8D	RGB 126 139 141	#7E8B8D
16.7%	16.7% #8D9492	RGB 141 148 146	#8D9492
33.3%	33.3% #9D9E97	RGB 157 158 151	#9D9E97
50.0%	50.0% #ADA89C	RGB 173 168 156	#ADA89C
66.7%	66.7% #BCB2A1	RGB 188 178 161	#BCB2A1
83.3%	83.3% #CCBCA6	RGB 204 188 166	#CCBCA6
100.0%	100.0% #DCC6AB	RGB 220 198 171	#DCC6AB

#7E8B8D #8D9492 #9D9E97 #ADA89C #BCB2A1 #CCBCA6 #DCC6AB

#7E8B8D - #DCC6AB

HSV Blend

#7E8B8D - #DCC6AB | 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 #7E8B8D as 0% and #DCC6AB as 100%.

0.0%	0.0% #7E8B8D	RGB 126 139 141	#7E8B8D
16.7%	16.7% #869A94	RGB 134 154 148	#869A94
33.3%	33.3% #8FA795	RGB 143 167 149	#8FA795
50.0%	50.0% #9BB496	RGB 155 180 150	#9BB496
66.7%	66.7% #B2C19E	RGB 178 193 158	#B2C19E
83.3%	83.3% #CECEA4	RGB 206 206 164	#CECEA4
100.0%	100.0% #DCC6AB	RGB 220 198 171	#DCC6AB

#7E8B8D #869A94 #8FA795 #9BB496 #B2C19E #CECEA4 #DCC6AB

#7E8B8D - #9BB496 - #DCC6AB

CSS codes

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

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