#929995 - #D9A8D4 | 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 #929995 to #D9A8D4

#929995 #D9A8D4

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

#929995 - #D9A8D4 | 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 #929995 as 0% and #D9A8D4 as 100%.

0.0%	0.0% #929995	RGB 146 153 149	#929995
16.7%	16.7% #9D9B9F	RGB 157 155 159	#9D9B9F
33.3%	33.3% #A99EAA	RGB 169 158 170	#A99EAA
50.0%	50.0% #B5A0B4	RGB 181 160 180	#B5A0B4
66.7%	66.7% #C1A3BF	RGB 193 163 191	#C1A3BF
83.3%	83.3% #CDA5C9	RGB 205 165 201	#CDA5C9
100.0%	100.0% #D9A8D4	RGB 217 168 212	#D9A8D4

#929995 #9D9B9F #A99EAA #B5A0B4 #C1A3BF #CDA5C9 #D9A8D4

#929995 - #D9A8D4

HSV Blend

#929995 - #D9A8D4 | 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 #929995 as 0% and #D9A8D4 as 100%.

0.0%	0.0% #929995	RGB 146 153 149	#929995
16.7%	16.7% #97A3A2	RGB 151 163 162	#97A3A2
33.3%	33.3% #9BA8AE	RGB 155 168 174	#9BA8AE
50.0%	50.0% #9FA5B9	RGB 159 165 185	#9FA5B9
66.7%	66.7% #AAA3C3	RGB 170 163 195	#AAA3C3
83.3%	83.3% #C0A5CE	RGB 192 165 206	#C0A5CE
100.0%	100.0% #D9A8D4	RGB 217 168 212	#D9A8D4

#929995 #97A3A2 #9BA8AE #9FA5B9 #AAA3C3 #C0A5CE #D9A8D4

#929995 - #9FA5B9 - #D9A8D4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #929995 0%, #9FA5B9 50%, #D9A8D4 100%);
    background: -webkit-linear-gradient(top, #929995 0%, #9FA5B9 50%, #D9A8D4 100%);
    background: linear-gradient(to bottom, #929995 0%, #9FA5B9 50%, #D9A8D4 100%);
}
</style>