#7E7B5B - #DAD9D0 | 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 #7E7B5B to #DAD9D0

#7E7B5B #DAD9D0

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

#7E7B5B - #DAD9D0 | 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 #7E7B5B as 0% and #DAD9D0 as 100%.

0.0%	0.0% #7E7B5B	RGB 126 123 91	#7E7B5B
16.7%	16.7% #8D8A6E	RGB 141 138 110	#8D8A6E
33.3%	33.3% #9C9A82	RGB 156 154 130	#9C9A82
50.0%	50.0% #ACAA95	RGB 172 170 149	#ACAA95
66.7%	66.7% #BBB9A9	RGB 187 185 169	#BBB9A9
83.3%	83.3% #CAC9BC	RGB 202 201 188	#CAC9BC
100.0%	100.0% #DAD9D0	RGB 218 217 208	#DAD9D0

#7E7B5B #8D8A6E #9C9A82 #ACAA95 #BBB9A9 #CAC9BC #DAD9D0

#7E7B5B - #DAD9D0

HSV Blend

#7E7B5B - #DAD9D0 | 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 #7E7B5B as 0% and #DAD9D0 as 100%.

0.0%	0.0% #7E7B5B	RGB 126 123 91	#7E7B5B
16.7%	16.7% #8D8A6B	RGB 141 138 107	#8D8A6B
33.3%	33.3% #9C997D	RGB 156 153 125	#9C997D
50.0%	50.0% #ACA990	RGB 172 169 144	#ACA990
66.7%	66.7% #BBB9A4	RGB 187 185 164	#BBB9A4
83.3%	83.3% #CAC8B9	RGB 202 200 185	#CAC8B9
100.0%	100.0% #DAD9D0	RGB 218 217 208	#DAD9D0

#7E7B5B #8D8A6B #9C997D #ACA990 #BBB9A4 #CAC8B9 #DAD9D0

#7E7B5B - #ACA990 - #DAD9D0

CSS codes

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

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