#7A8B95 - #D7C5AF | 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 #7A8B95 to #D7C5AF

#7A8B95 #D7C5AF

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

#7A8B95 - #D7C5AF | 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 #7A8B95 as 0% and #D7C5AF as 100%.

0.0%	0.0% #7A8B95	RGB 122 139 149	#7A8B95
16.7%	16.7% #899499	RGB 137 148 153	#899499
33.3%	33.3% #999E9D	RGB 153 158 157	#999E9D
50.0%	50.0% #A8A8A2	RGB 168 168 162	#A8A8A2
66.7%	66.7% #B8B1A6	RGB 184 177 166	#B8B1A6
83.3%	83.3% #C7BBAA	RGB 199 187 170	#C7BBAA
100.0%	100.0% #D7C5AF	RGB 215 197 175	#D7C5AF

#7A8B95 #899499 #999E9D #A8A8A2 #B8B1A6 #C7BBAA #D7C5AF

#7A8B95 - #D7C5AF

HSV Blend

#7A8B95 - #D7C5AF | 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 #7A8B95 as 0% and #D7C5AF as 100%.

0.0%	0.0% #7A8B95	RGB 122 139 149	#7A8B95
16.7%	16.7% #82A09D	RGB 130 160 157	#82A09D
33.3%	33.3% #8BAB99	RGB 139 171 153	#8BAB99
50.0%	50.0% #95B694	RGB 149 182 148	#95B694
66.7%	66.7% #AFC19D	RGB 175 193 157	#AFC19D
83.3%	83.3% #CBCCA6	RGB 203 204 166	#CBCCA6
100.0%	100.0% #D7C5AF	RGB 215 197 175	#D7C5AF

#7A8B95 #82A09D #8BAB99 #95B694 #AFC19D #CBCCA6 #D7C5AF

#7A8B95 - #95B694 - #D7C5AF

CSS codes

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

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