#7A8C95 - #D8C6AF | 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 #7A8C95 to #D8C6AF

#7A8C95 #D8C6AF

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

#7A8C95 - #D8C6AF | 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 #7A8C95 as 0% and #D8C6AF as 100%.

0.0%	0.0% #7A8C95	RGB 122 140 149	#7A8C95
16.7%	16.7% #899599	RGB 137 149 153	#899599
33.3%	33.3% #999F9D	RGB 153 159 157	#999F9D
50.0%	50.0% #A9A9A2	RGB 169 169 162	#A9A9A2
66.7%	66.7% #B8B2A6	RGB 184 178 166	#B8B2A6
83.3%	83.3% #C8BCAA	RGB 200 188 170	#C8BCAA
100.0%	100.0% #D8C6AF	RGB 216 198 175	#D8C6AF

#7A8C95 #899599 #999F9D #A9A9A2 #B8B2A6 #C8BCAA #D8C6AF

#7A8C95 - #D8C6AF

HSV Blend

#7A8C95 - #D8C6AF | 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 #7A8C95 as 0% and #D8C6AF as 100%.

0.0%	0.0% #7A8C95	RGB 122 140 149	#7A8C95
16.7%	16.7% #82A09C	RGB 130 160 156	#82A09C
33.3%	33.3% #8BAB98	RGB 139 171 152	#8BAB98
50.0%	50.0% #96B694	RGB 150 182 148	#96B694
66.7%	66.7% #B0C19D	RGB 176 193 157	#B0C19D
83.3%	83.3% #CBCCA6	RGB 203 204 166	#CBCCA6
100.0%	100.0% #D8C6AF	RGB 216 198 175	#D8C6AF

#7A8C95 #82A09C #8BAB98 #96B694 #B0C19D #CBCCA6 #D8C6AF

#7A8C95 - #96B694 - #D8C6AF

CSS codes

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

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