#916B7C - #DFD4D9 | 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 #916B7C to #DFD4D9

#916B7C #DFD4D9

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

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

0.0%	0.0% #916B7C	RGB 145 107 124	#916B7C
16.7%	16.7% #9E7C8B	RGB 158 124 139	#9E7C8B
33.3%	33.3% #AB8E9B	RGB 171 142 155	#AB8E9B
50.0%	50.0% #B89FAA	RGB 184 159 170	#B89FAA
66.7%	66.7% #C5B1BA	RGB 197 177 186	#C5B1BA
83.3%	83.3% #D2C2C9	RGB 210 194 201	#D2C2C9
100.0%	100.0% #DFD4D9	RGB 223 212 217	#DFD4D9

#916B7C #9E7C8B #AB8E9B #B89FAA #C5B1BA #D2C2C9 #DFD4D9

#916B7C - #DFD4D9

HSV Blend

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

0.0%	0.0% #916B7C	RGB 145 107 124	#916B7C
16.7%	16.7% #9E7A8A	RGB 158 122 138	#9E7A8A
33.3%	33.3% #AB8A99	RGB 171 138 153	#AB8A99
50.0%	50.0% #B89BA8	RGB 184 155 168	#B89BA8
66.7%	66.7% #C5ADB8	RGB 197 173 184	#C5ADB8
83.3%	83.3% #D2C0C8	RGB 210 192 200	#D2C0C8
100.0%	100.0% #DFD4D9	RGB 223 212 217	#DFD4D9

#916B7C #9E7A8A #AB8A99 #B89BA8 #C5ADB8 #D2C0C8 #DFD4D9

#916B7C - #B89BA8 - #DFD4D9

CSS codes

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

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