#8D9199 - #DAC7AC | 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 #8D9199 to #DAC7AC

#8D9199 #DAC7AC

Calculate the color between two colors, #8D9199 and #DAC7AC. 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)

#8D9199 - #DAC7AC | 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 #8D9199 as 0% and #DAC7AC as 100%.

0.0%	0.0% #8D9199	RGB 141 145 153	#8D9199
16.7%	16.7% #999A9C	RGB 153 154 156	#999A9C
33.3%	33.3% #A6A39F	RGB 166 163 159	#A6A39F
50.0%	50.0% #B3ACA2	RGB 179 172 162	#B3ACA2
66.7%	66.7% #C0B5A5	RGB 192 181 165	#C0B5A5
83.3%	83.3% #CDBEA8	RGB 205 190 168	#CDBEA8
100.0%	100.0% #DAC7AC	RGB 218 199 172	#DAC7AC

#8D9199 #999A9C #A6A39F #B3ACA2 #C0B5A5 #CDBEA8 #DAC7AC

#8D9199 - #DAC7AC

HSV Blend

#8D9199 - #DAC7AC | 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 #8D9199 as 0% and #DAC7AC as 100%.

0.0%	0.0% #8D9199	RGB 141 145 153	#8D9199
16.7%	16.7% #9593A3	RGB 149 147 163	#9593A3
33.3%	33.3% #A699AE	RGB 166 153 174	#A699AE
50.0%	50.0% #B99EB6	RGB 185 158 182	#B99EB6
66.7%	66.7% #C4A3B0	RGB 196 163 176	#C4A3B0
83.3%	83.3% #CFABA8	RGB 207 171 168	#CFABA8
100.0%	100.0% #DAC7AC	RGB 218 199 172	#DAC7AC

#8D9199 #9593A3 #A699AE #B99EB6 #C4A3B0 #CFABA8 #DAC7AC

#8D9199 - #B99EB6 - #DAC7AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D9199 0%, #B99EB6 50%, #DAC7AC 100%);
    background: -webkit-linear-gradient(top, #8D9199 0%, #B99EB6 50%, #DAC7AC 100%);
    background: linear-gradient(to bottom, #8D9199 0%, #B99EB6 50%, #DAC7AC 100%);
}
</style>