#916F6B - #DFD4D4 | 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 #916F6B to #DFD4D4

#916F6B #DFD4D4

Calculate the color between two colors, #916F6B and #DFD4D4. 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)

#916F6B - #DFD4D4 | 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 #916F6B as 0% and #DFD4D4 as 100%.

0.0%	0.0% #916F6B	RGB 145 111 107	#916F6B
16.7%	16.7% #9E7F7C	RGB 158 127 124	#9E7F7C
33.3%	33.3% #AB908E	RGB 171 144 142	#AB908E
50.0%	50.0% #B8A19F	RGB 184 161 159	#B8A19F
66.7%	66.7% #C5B2B1	RGB 197 178 177	#C5B2B1
83.3%	83.3% #D2C3C2	RGB 210 195 194	#D2C3C2
100.0%	100.0% #DFD4D4	RGB 223 212 212	#DFD4D4

#916F6B #9E7F7C #AB908E #B8A19F #C5B2B1 #D2C3C2 #DFD4D4

#916F6B - #DFD4D4

HSV Blend

#916F6B - #DFD4D4 | 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 #916F6B as 0% and #DFD4D4 as 100%.

0.0%	0.0% #916F6B	RGB 145 111 107	#916F6B
16.7%	16.7% #9E7D7A	RGB 158 125 122	#9E7D7A
33.3%	33.3% #AB8C8A	RGB 171 140 138	#AB8C8A
50.0%	50.0% #B89C9B	RGB 184 156 155	#B89C9B
66.7%	66.7% #C5AEAD	RGB 197 174 173	#C5AEAD
83.3%	83.3% #D2C0C0	RGB 210 192 192	#D2C0C0
100.0%	100.0% #DFD4D4	RGB 223 212 212	#DFD4D4

#916F6B #9E7D7A #AB8C8A #B89C9B #C5AEAD #D2C0C0 #DFD4D4

#916F6B - #B89C9B - #DFD4D4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #916F6B 0%, #B89C9B 50%, #DFD4D4 100%);
    background: -webkit-linear-gradient(top, #916F6B 0%, #B89C9B 50%, #DFD4D4 100%);
    background: linear-gradient(to bottom, #916F6B 0%, #B89C9B 50%, #DFD4D4 100%);
}
</style>