#8F616B - #DFD1D4 | 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 #8F616B to #DFD1D4

#8F616B #DFD1D4

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

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

0.0%	0.0% #8F616B	RGB 143 97 107	#8F616B
16.7%	16.7% #9C737C	RGB 156 115 124	#9C737C
33.3%	33.3% #A9868E	RGB 169 134 142	#A9868E
50.0%	50.0% #B7999F	RGB 183 153 159	#B7999F
66.7%	66.7% #C4ABB1	RGB 196 171 177	#C4ABB1
83.3%	83.3% #D1BEC2	RGB 209 190 194	#D1BEC2
100.0%	100.0% #DFD1D4	RGB 223 209 212	#DFD1D4

#8F616B #9C737C #A9868E #B7999F #C4ABB1 #D1BEC2 #DFD1D4

#8F616B - #DFD1D4

HSV Blend

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

0.0%	0.0% #8F616B	RGB 143 97 107	#8F616B
16.7%	16.7% #9C707A	RGB 156 112 122	#9C707A
33.3%	33.3% #A9818A	RGB 169 129 138	#A9818A
50.0%	50.0% #B7939B	RGB 183 147 155	#B7939B
66.7%	66.7% #C4A7AD	RGB 196 167 173	#C4A7AD
83.3%	83.3% #D1BBC0	RGB 209 187 192	#D1BBC0
100.0%	100.0% #DFD1D4	RGB 223 209 212	#DFD1D4

#8F616B #9C707A #A9818A #B7939B #C4A7AD #D1BBC0 #DFD1D4

#8F616B - #B7939B - #DFD1D4

CSS codes

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

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