#8F6974 - #DFD4D7 | 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 #8F6974 to #DFD4D7

#8F6974 #DFD4D7

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

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

0.0%	0.0% #8F6974	RGB 143 105 116	#8F6974
16.7%	16.7% #9C7A84	RGB 156 122 132	#9C7A84
33.3%	33.3% #A98C95	RGB 169 140 149	#A98C95
50.0%	50.0% #B79EA5	RGB 183 158 165	#B79EA5
66.7%	66.7% #C4B0B6	RGB 196 176 182	#C4B0B6
83.3%	83.3% #D1C2C6	RGB 209 194 198	#D1C2C6
100.0%	100.0% #DFD4D7	RGB 223 212 215	#DFD4D7

#8F6974 #9C7A84 #A98C95 #B79EA5 #C4B0B6 #D1C2C6 #DFD4D7

#8F6974 - #DFD4D7

HSV Blend

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

0.0%	0.0% #8F6974	RGB 143 105 116	#8F6974
16.7%	16.7% #9C7882	RGB 156 120 130	#9C7882
33.3%	33.3% #A98892	RGB 169 136 146	#A98892
50.0%	50.0% #B79AA2	RGB 183 154 162	#B79AA2
66.7%	66.7% #C4ACB3	RGB 196 172 179	#C4ACB3
83.3%	83.3% #D1BFC4	RGB 209 191 196	#D1BFC4
100.0%	100.0% #DFD4D7	RGB 223 212 215	#DFD4D7

#8F6974 #9C7882 #A98892 #B79AA2 #C4ACB3 #D1BFC4 #DFD4D7

#8F6974 - #B79AA2 - #DFD4D7

CSS codes

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

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