#7B7C5E - #D9D8D1 | 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 #7B7C5E to #D9D8D1

#7B7C5E #D9D8D1

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

#7B7C5E - #D9D8D1 | 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 #7B7C5E as 0% and #D9D8D1 as 100%.

0.0%	0.0% #7B7C5E	RGB 123 124 94	#7B7C5E
16.7%	16.7% #8A8B71	RGB 138 139 113	#8A8B71
33.3%	33.3% #9A9A84	RGB 154 154 132	#9A9A84
50.0%	50.0% #AAAA97	RGB 170 170 151	#AAAA97
66.7%	66.7% #B9B9AA	RGB 185 185 170	#B9B9AA
83.3%	83.3% #C9C8BD	RGB 201 200 189	#C9C8BD
100.0%	100.0% #D9D8D1	RGB 217 216 209	#D9D8D1

#7B7C5E #8A8B71 #9A9A84 #AAAA97 #B9B9AA #C9C8BD #D9D8D1

#7B7C5E - #D9D8D1

HSV Blend

#7B7C5E - #D9D8D1 | 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 #7B7C5E as 0% and #D9D8D1 as 100%.

0.0%	0.0% #7B7C5E	RGB 123 124 94	#7B7C5E
16.7%	16.7% #8B8B6E	RGB 139 139 110	#8B8B6E
33.3%	33.3% #9B9A80	RGB 155 154 128	#9B9A80
50.0%	50.0% #AAA992	RGB 170 169 146	#AAA992
66.7%	66.7% #BAB8A6	RGB 186 184 166	#BAB8A6
83.3%	83.3% #C9C8BB	RGB 201 200 187	#C9C8BB
100.0%	100.0% #D9D8D1	RGB 217 216 209	#D9D8D1

#7B7C5E #8B8B6E #9B9A80 #AAA992 #BAB8A6 #C9C8BB #D9D8D1

#7B7C5E - #AAA992 - #D9D8D1

CSS codes

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

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