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

#916B7B #DFD4D9

Calculate the color between two colors, #916B7B 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)

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

0.0%	0.0% #916B7B	RGB 145 107 123	#916B7B
16.7%	16.7% #9E7C8A	RGB 158 124 138	#9E7C8A
33.3%	33.3% #AB8E9A	RGB 171 142 154	#AB8E9A
50.0%	50.0% #B89FAA	RGB 184 159 170	#B89FAA
66.7%	66.7% #C5B1B9	RGB 197 177 185	#C5B1B9
83.3%	83.3% #D2C2C9	RGB 210 194 201	#D2C2C9
100.0%	100.0% #DFD4D9	RGB 223 212 217	#DFD4D9

#916B7B #9E7C8A #AB8E9A #B89FAA #C5B1B9 #D2C2C9 #DFD4D9

#916B7B - #DFD4D9

HSV Blend

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

0.0%	0.0% #916B7B	RGB 145 107 123	#916B7B
16.7%	16.7% #9E7A89	RGB 158 122 137	#9E7A89
33.3%	33.3% #AB8A98	RGB 171 138 152	#AB8A98
50.0%	50.0% #B89BA7	RGB 184 155 167	#B89BA7
66.7%	66.7% #C5ADB7	RGB 197 173 183	#C5ADB7
83.3%	83.3% #D2C0C8	RGB 210 192 200	#D2C0C8
100.0%	100.0% #DFD4D9	RGB 223 212 217	#DFD4D9

#916B7B #9E7A89 #AB8A98 #B89BA7 #C5ADB7 #D2C0C8 #DFD4D9

#916B7B - #B89BA7 - #DFD4D9

CSS codes

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

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