#7B8C92 - #DAC7AE | 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 #7B8C92 to #DAC7AE

#7B8C92 #DAC7AE

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

#7B8C92 - #DAC7AE | 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 #7B8C92 as 0% and #DAC7AE as 100%.

0.0%	0.0% #7B8C92	RGB 123 140 146	#7B8C92
16.7%	16.7% #8A9596	RGB 138 149 150	#8A9596
33.3%	33.3% #9A9F9B	RGB 154 159 155	#9A9F9B
50.0%	50.0% #AAA9A0	RGB 170 169 160	#AAA9A0
66.7%	66.7% #BAB3A4	RGB 186 179 164	#BAB3A4
83.3%	83.3% #CABDA9	RGB 202 189 169	#CABDA9
100.0%	100.0% #DAC7AE	RGB 218 199 174	#DAC7AE

#7B8C92 #8A9596 #9A9F9B #AAA9A0 #BAB3A4 #CABDA9 #DAC7AE

#7B8C92 - #DAC7AE

HSV Blend

#7B8C92 - #DAC7AE | 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 #7B8C92 as 0% and #DAC7AE as 100%.

0.0%	0.0% #7B8C92	RGB 123 140 146	#7B8C92
16.7%	16.7% #839E99	RGB 131 158 153	#839E99
33.3%	33.3% #8CAA97	RGB 140 170 151	#8CAA97
50.0%	50.0% #98B695	RGB 152 182 149	#98B695
66.7%	66.7% #B1C29D	RGB 177 194 157	#B1C29D
83.3%	83.3% #CDCEA5	RGB 205 206 165	#CDCEA5
100.0%	100.0% #DAC7AE	RGB 218 199 174	#DAC7AE

#7B8C92 #839E99 #8CAA97 #98B695 #B1C29D #CDCEA5 #DAC7AE

#7B8C92 - #98B695 - #DAC7AE

CSS codes

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

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